Overlay icons cosmetic update

[cicciobello]

Settings -> Browser - Thumbnail -> Overlay icons

Currently, in this part of the configuration there are only checkboxes with text.
It would be useful to have, next to each checkbox, the associated icon that appears in the Thumbnails.
This allows you to immediately associate the icon with the meaning.

I suggest also increasing the size of the icons in the thumbnails, including those of the Tag/Rating/Color label.

[philalethia]

I agree with the first suggestion. That would be very good.
I don't see any need to increase their size, however.

[cicciobello]

I agree with the first suggestion. That would be very good.
I don't see any need to increase their size, however.

It depends on the size of the monitor and the resolution used.
In my case they are a little too small. I suggest 20-25% larger.

[philalethia]

It depends on the size of the monitor and the resolution used.
In my case they are a little too small. I suggest 20-25% larger.

In that case, I'd suggest that it would be best to have an option, to increase/decrease the size.

[xnview]

Settings -> Browser - Thumbnail -> Overlay icons

Currently, in this part of the configuration there are only checkboxes with text.
It would be useful to have, next to each checkbox, the associated icon that appears in the Thumbnails.
This allows you to immediately associate the icon with the meaning.

See issue for current status and some details.

[cicciobello]

It depends on the size of the monitor and the resolution used.
In my case they are a little too small. I suggest 20-25% larger.

In that case, I'd suggest that it would be best to have an option, to increase/decrease the size.

Good idea.

[cicciobello]

See issue for current status and some details.

Done!
But... Embedded Thumbnail icon and Sidecar overlay icon have the same icon? I had never noticed it.

[user0]

See issue for current status and some details.

few issues
- align controls in Settings
- chain icon has no border (and has scaling issue)
- fix icon order is Settings to make it same as on thumbnail - swap IPTC and EXIF
- Embedded thumbnail icon is not fully visible in Settings if win scale <> 100%

overlay_icons_fix.png

maybe group them as well
and put icons after checkbox

overlay_icons_group.png

[XnTriq]

Shameless reminder of my suggestion to use icons in SVG format…

I created this SVG file a year ago as proof of concept.

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="316" height="22" viewBox="0 0 316 22" clip-rule="evenodd" fill-rule="evenodd">
<rect fill="lime" width="316" height="22" />
<g>
<path fill="red" d="m0 0l36 0 0 21 -36 0 0 -21zm1 1l34 0 0 19 -34 0 0 -19z" />
<path fill="red" d="m36 0l36 0 0 21 -36 0 0 -21zm1 1l34 0 0 19 -34 0 0 -19z" />
<path fill="red" d="m72 0l29 0 0 21 -29 0 0 -21zm1 1l27 0 0 19 -27 0 0 -19z" />
<path fill="red" d="m101 0l21 0 0 21 -21 0 0 -21zm1 1l19 0 0 19 -19 0 0 -19z" />
<path fill="red" d="m122 0l21 0 0 21 -21 0 0 -21zm1 1l19 0 0 19 -19 0 0 -19z" />
<path fill="red" d="m143 0l21 0 0 21 -21 0 0 -21zm1 1l19 0 0 19 -19 0 0 -19z" />
<path fill="red" d="m164 0l19 0 0 21 -19 0 0 -21zm1 1l17 0 0 19 -17 0 0 -19z" />
<path fill="red" d="m183 0l21 0 0 21 -21 0 0 -21zm1 1l19 0 0 19 -19 0 0 -19z" />
<path fill="red" d="m204 0l33 0 0 21 -33 0 0 -21zm1 1l31 0 0 19 -31 0 0 -19z" />
<path fill="red" d="m237 0l28 0 0 21 -28 0 0 -21zm1 1l26 0 0 19 -26 0 0 -19z" />
<path fill="red" d="m265 0l29 0 0 21 -29 0 0 -21zm1 1l27 0 0 19 -27 0 0 -19z" />
<path fill="red" d="m294 0l22 0 0 22 -22 0 0 -22zm1 1l20 0 0 20 -20 0 0 -20z" />
</g>
</svg>

To give it a try, save the following “code” as info@2x.png and copy it to the icons subdirectory of your XnView MP installation.

… and my “test suite”:

1. Create a new sub-folder in your XnView installation directory (e.g. C:\Program Files\XnViewMP\) named icons.
2. Download the following attachment (info@2x.png) to C:\Program Files\XnViewMP\icons\.
   
3. Download photo-4iptc-heads.jpg (e.g. to X:\Test\).
4. Create a copy of photo-4iptc-heads.jpg in X:\Test\ and rename the copy to photo-4iptc-heads_sidecar.jpg.
5. Save the following “code” as X:\Test\photo-4iptc-heads_sidecar.xmp:

   Code: Select all

   <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 6.0.0">
   	<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
   		<rdf:Description rdf:about="" xmlns:tiff="http://ns.adobe.com/tiff/1.0/">
   			<tiff:Orientation>4</tiff:Orientation>
   		</rdf:Description>
   	</rdf:RDF>
   </x:xmpmeta>

6. Create links to photo-4iptc-heads.jpg and photo-4iptc-heads_sidecar.jpg in the same folder.
7. Open Display in the Windows 10 settings (WinKey+I) and change Scale and layout to 125%.
8. Launch XnView MP.
9. Make sure that all checkboxes in Tools → Settings… → Thumbnail → Overlay icons is activated.
10. Point XnView's browser to X:\Test\.

[user0]

Shameless reminder of my suggestion to use icons in SVG format…

+1

I also think that all overlay icons shall

• be the same square size, like in Lightroom, so they
  - take less screen space (lower chance to overlap in case of small thumbnails)
  - have more unified look

• use icons instead of text

badges-diagram.png

ps. also themes have to be available for editing, eg like in OBS (qt based app):
../themes/theme_name/resources
../themes/theme_name.qss

[XnTriq]

I also think that all overlay icons shall

• be the same square size, like in Lightroom, so they
  - take less screen space (lower chance to overlap in case of small thumbnails)
  - have more unified look

• use icons instead of text

I also prefer symbols.
It's fairly easy for GPS (map pin or satellite), but what about metadata (EXIF vs. IPTC vs. XMP)?

[user0]

it's a shame they don't have special icons

I would just use capital letters
EXIF - E
IPTX - I
XMP - X

for ICC - something like this:

icc_24.png

[xnview]

what do you think?

info.png

info@2.png

[user0]

I would update last 5 icons to center, unify border and line weight

info_a.png

info@2_a.png

info@2_b.png

btw, any plans for svg version?

[cicciobello]

I would update last 5 icons to center, unify border and line weight

Yesss!
Any ideas on the possibility of making them a little bigger? Configurable?