olive-groves / butterfly_viewer

Side-by-side image viewer with synchronized zoom and sliding overlays. Drag and drop to instantly compare multiple images on your desktop. Very open source.
https://olive-groves.github.io/butterfly_viewer/
Other
24 stars 3 forks source link

[Feature] Simply add file names to side-by-side images #68

Open Digita1Menace opened 1 month ago

Digita1Menace commented 1 month ago

Is there an existing request for this feature?

Is your feature request related to a problem?

I use it to drag and drop 2 images to compare them side by side. But sometime they are so similar, I dont know which is which. please add the filenames somewhere on the screen. thanks.

Describe the solution you'd like

image names

Describe alternatives you've considered

xmpview but it's not as sreamlined

Anything else?

no butterfly_viewer_TgxJ922bL3

larsmaxfield commented 1 month ago

Hi @Digita1Menace, the filename(s) of the active image window are shown when the interface is toggled on like this:

image

But I admit that's not ideal; I've been meaning to improve how filenames are shown.

I've also thought of letting users selectively toggle the visibility of each interface element — filenames, the sliding overlay creator panel, the bottom-right toolbar.

Do you have any ideas on that?

Digita1Menace commented 1 month ago

I'm not a programmer. The interface is in the way when comparing two screenshots. I encode movies and also upgrade movies. I use BV for this only. maybe can you just make slimmed down version with no interface besides what's in the bottom-right? plus have the filenames? I did discover though that BV will load images in alphabetical order though, but this forces me to rename one of the files before loading both into it.

Digita1Menace commented 1 month ago

I just want a side by side compare with the file name above, and slightly bigger font on the file names. that would be ideal

Digita1Menace commented 1 month ago

Viewer screenshot 2024-08-16 094712

Digita1Menace commented 1 month ago

Check out this compare tool. it is for the browser. A standalone of this is perfect. drag two images into it. https://tshino.github.io/compare/compare.html

BTW he claims you can download the zip and use it as a standalone, but I can get it to work. there is no exe file and the html file doesnt load properly in firefox or chrome

larsmaxfield commented 1 month ago

maybe can you just make slimmed down version with no interface besides what's in the bottom-right [...] plus have the filenames?

Good point. Maybe have two toggles — show/hide the tools and show/hide the file metadata, like how Adobe Lightroom does it.

BV will load images in alphabetical order [...] this forces me to rename one of the files before loading both into it.

If you want a set of images in a particular order when arranged left-to-right or top-to-bottom, you can individually drag them into the Viewer and they'll be in that order.

slightly bigger font on the file names. that would be ideal

Noted!

larsmaxfield commented 1 month ago

That compare tool is really neat.

I was able to get it working locally as a standalone app. Did you try unzipping the contents and then double-clicking the compare.html? That's how I get it working on my computer:

image

Digita1Menace commented 1 month ago

Settings would be nice too. like remember background color, remember display size of images, ect. as of now, every time I do a compare, I have to all these steps

https://github.com/user-attachments/assets/6fc1aa80-5bed-4fbd-b711-08e93e9f42cd

Digita1Menace commented 1 month ago

Yes, I tried that, on both my hardened fiefox and ungoogled chromium, I get this: may it would work with a normal version of either of those, but I'm not switching just for that tool, lol chrome_ox9bjkqXlX

Digita1Menace commented 1 month ago

and I know windows 11 does this smoothly, but I dont use that crap. Win 10 LTSC so I cant do quick compares like Win 11 can

Digita1Menace commented 1 month ago

how about just 1 extra button that does all the steps in my video, plus the file title overlayed in the top left of the image, slightly transparent? thats ideal. thanks.

larsmaxfield commented 1 month ago

Good point on the settings. I made a separate feature request for that just now: https://github.com/olive-groves/butterfly_viewer/issues/69

Digita1Menace commented 1 month ago

You made a feature request on your own program? lol, IDK I guess I don't how GitHub works too good.

larsmaxfield commented 1 month ago

Yes, it keeps track of my own to-do's and lets people know what I've got in mind — I'm also myself a user!

larsmaxfield commented 1 month ago

Hmm, either a button or even a shortcut key for those steps would be possible.

To make sure I understand the steps, do you mean that (upon dragging in two images) the button/shortcut should trigger this?

Digita1Menace commented 1 month ago

Got it. oh yea, also remember to switch all sampling off. I know it remembers sampling on or off for individual images, but I am not sure if it remember ALL OFF. does it?

Digita1Menace commented 1 month ago

Hmm, either a button or even a shortcut key for those steps would be possible.

To make sure I understand the steps, do you mean that (upon dragging in two images) the button/shortcut should trigger this?

* Turn off interface (but show filenames)

* Fullscreen

* Zoom to fit

Yea, so after I drag two images, I click a button and it does all that.

larsmaxfield commented 1 month ago

On startup, upsampling is always ALL OFF — it indeed doesn't remember if ALL OFF. I'll add that to settings wishlist.

Digita1Menace commented 1 month ago

Your right, it does remember. one last thing, after I close fullscreen when done comparing, I still have another window open I have to also close butterfly_viewer_zqmXU1Vv7k

larsmaxfield commented 1 month ago

Ah yes, that's a relic of solving problems I experienced when implementing fullscreen mode. Something with multiple monitors, or (dis)connecting monitors, or moving/closing windows, or a combination of those...

To avoid that you could first exit fullscreen with the Esc key, and then close the Viewer.

Digita1Menace commented 1 month ago

got it. thanks!

larsmaxfield commented 1 month ago

What if, instead of a new button or shortcut, the Viewer simply does all those steps when you click fullscreen after having dragged in the images. It would check if you had panned or zoomed — if not, then it would assume those steps.

Fullscreen by default could also trigger hiding the interface, as that's what YouTube and other apps assume when you go fullscreen.

Digita1Menace commented 1 month ago

Thats even better. the fullscreen button is the macro button. yes!

Digita1Menace commented 1 month ago

And not entirely necessary, but like I mentioned, a semi translucent file title OVERLAYED in the top-left of the image, not above it, that way the image are in complete full screen, not slightly smaller to accommodate the title.s space. just like that web app does firefox_UOpxrAudph

larsmaxfield commented 1 month ago

Makes sense. Thanks for the feedback and tips! I'll update here when there's progress.