Icon size, type etc

We are going to refresh our Clarion applications to make them more attractive, so we are trying to use a new Icons on the Buttons (standard ones). Icons can be Enabled or Disabled.

Could anyone suggest what size of the Icon can be used? I mean, is there a limit (from the Clarion side)?
Also, what are the best formats? ICO, PNG, etc.?

We will run our exe on different Windows versions so… I remember there was an issue with ugly icons…

any Icons set(s) to consider?

For icons I’ve been happy with the free Syncfusion Metro Studio
The icons are vector based (using XAML)
You can also create icons from fonts

You can tweak their appearance
Common alterations:

  • foreground and background color
  • background shape
  • border
  • Size and Padding

Then export as ICO, PNG, JPG, GIF, BMP, TIFF, XAML, SVG
I believe you can even create a font

2 Likes

You can have icons with various sizes in the same file. Icon Library format?
Anyways I usually use that because the scaling and resizing can end up choosing different sizes and it just happens.

2 Likes

Thank you, Mark, I will check it out.

This may get out of context a bit, but I believe is a good reading. I do included Apple in the guidelines, because I know some things can be learned with the reading.

Note: medium is not generating a preview, but check it out, is a good read

https://medium.com/@bravo40/os-user-interface-design-guidelines-2018-37cd369f9d87

1 Like

I usually put a wide range of sizes into my icons, and Clarion automatically uses the largest size that will fit. I start with a large image (256x256) then include the following sizes (most of the time):

  • 256x256
  • 128x128
  • 96x96
  • 80x80
  • 72x72
  • 64x64
  • 48x48
  • 40x40
  • 32x32
  • 24x24
  • 20x20
  • 16x16

All of those will be RGB/A, which means 4 channels: 3 colors plus “alpha” (transparency).

2 Likes

There was a pretty good Clarion Live on redoing Icons. A search turned the below “Bruce Johnson On Icons”, but it is “unavailable”. Maybe John will see this and find it. Seems like there was more than one.


ClarionLive! Weekly Webinar #296
Jan 16, 2015
Bruce Johnson
Bruce Johnson On Icons
===> Link unavailable <=== :frowning:

Summary
Last week we had a great session with Robert Zaunere from SoftVelocity, but that left no time for Bruce’s presentation on icons! This week, guess what?! Bruce Johnson will talk about icons! Tip! ie4uinit -cleariconcache is a command line instruction that will clear the windows desktop cache. If you change your app icon and it is not refreshing on the shortcuts, then run this command.


Re using 128x128 or 256x256 sizes those can be large file sizes that for me I don’t like the way they bloat my binary size. I would use it for my main Icon that I want to look nice at large sizes, but not for most others. So I check file sizes and color depth.

1 Like