Difference between revisions of "Windows Icon"
(New page: == Icon Editor == Those are programs that you can use on design time of your icon: *[http://icofx.ro/ IcoFX] ''Freeware'' *[http://gimp.org/ GIMP] ''Open source'' *[http://inkscape.org/ ...) |
m (Fixed syntax highlighting) |
||
(23 intermediate revisions by 10 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Platform only|Windows|Windows|Windows}} | ||
+ | |||
== Icon Editor == | == Icon Editor == | ||
Those are programs that you can use on design time of your icon: | Those are programs that you can use on design time of your icon: | ||
− | *[http:// | + | *[[Lazarus Image Editor]] ''Open source'' and written in Lazarus |
+ | *[[LazPaint]] ''Open source'' and written in Lazarus | ||
+ | *[http://greenfishsoftware.blogspot.nl/2012/07/greenfish-icon-editor-pro.html Greenfish Icon Editor Pro] ''Freeware'' | ||
*[http://gimp.org/ GIMP] ''Open source'' | *[http://gimp.org/ GIMP] ''Open source'' | ||
*[http://inkscape.org/ Inkscape] ''Open source'' | *[http://inkscape.org/ Inkscape] ''Open source'' | ||
− | With ''GIMP'' | + | With ''LazPaint'', ''GIMP'', ''Inkscape'' or the application you want design the icon. With ''Lazarus Image Editor'' or ''Greenfish Icon Editor Pro'' save as .ico format. |
− | |||
− | |||
== Default Set == | == Default Set == | ||
− | The default set contains the icon sizes that | + | The default set contains the icon sizes that work in Windows in a DPI setting of 96 (100% - Default). |
− | *16x16 | + | *16x16: Displayed on the task bar, lists and headers |
− | *32x32 | + | *32x32: Displayed on the desktop, control panel |
− | *48x48 | + | *48x48: Displayed in Explorer when thumbnail or titles view is selected |
− | *256x256 | + | *256x256: Windows Vista+ |
− | '''16x16:''' This is used for Windows Explorer "''Detail view''", "''List view''", "''Small icons''", is the application icon in a window and the icon in the notification area. | + | '''16x16:''' This is used for Windows Explorer "''Detail view''", "''List view''", "''Small icons''", it is the application icon in a window and the icon in the notification area. |
'''32x32:''' This is used for Windows Explorer "''Content view''", desktop "''Small icons''", application icon in taskbar and start menu icons. | '''32x32:''' This is used for Windows Explorer "''Content view''", desktop "''Small icons''", application icon in taskbar and start menu icons. | ||
Line 28: | Line 30: | ||
'''256x256:''' This is used for Windows Explorer "''Big icons''" and desktop "''Big icons''". | '''256x256:''' This is used for Windows Explorer "''Big icons''" and desktop "''Big icons''". | ||
− | Also 256x256 icon is scaled depending of the OS needs, intermediate sizes between 48x48 and 256x256. | + | Also the 256x256 icon is scaled, depending of the OS needs, to intermediate sizes between 48x48 and 256x256. |
== DPI Modes == | == DPI Modes == | ||
Line 54: | Line 56: | ||
The most used High DPI settings are 120 & 144. If you want '''quality icons''' in '''High DPI''' you must include in your set: | The most used High DPI settings are 120 & 144. If you want '''quality icons''' in '''High DPI''' you must include in your set: | ||
− | < | + | <syntaxhighlight lang=pascal>16x16 ; 32x32 ; 48x48 ; 256x256 // Default set 96 DPI |
− | 20x20 ; 40x40 ; 60x60 | + | 20x20 ; 40x40 ; 60x60 // Additional used in 120 DPI |
− | 24x24 | + | 24x24 ; 72x72 // Additional used in 144 DPI</syntaxhighlight> |
+ | |||
+ | If you include only the '''default set''' your image icons will be '''scaled by the OS''' to the needed size but '''loss of quality''' will occur. | ||
+ | |||
+ | ''Image: icon set comparison in High DPI.'' | ||
+ | |||
+ | [[Image:window_icon_comparison.png]] | ||
+ | |||
+ | ''Top:'' full icon set for High DPI. Quality icon. | ||
+ | |||
+ | ''Bottom:'' icon set for 96 DPI. Pixelated icon. | ||
+ | |||
+ | == External Links == | ||
+ | |||
+ | *[https://docs.microsoft.com/en-us/windows/desktop/uxguide/vis-icons Microsoft: Windows Icons] Design Concepts and Guidelines. | ||
+ | |||
+ | (''Note'': In this article some things may differ to those explained in our article which was written based on tests in Windows 7). | ||
− | + | [[Category:Windows]] | |
+ | [[Category:Windows Widgetsets]] |
Latest revision as of 11:57, 4 March 2020
This article applies to Windows only.
See also: Multiplatform Programming Guide
Icon Editor
Those are programs that you can use on design time of your icon:
- Lazarus Image Editor Open source and written in Lazarus
- LazPaint Open source and written in Lazarus
- Greenfish Icon Editor Pro Freeware
- GIMP Open source
- Inkscape Open source
With LazPaint, GIMP, Inkscape or the application you want design the icon. With Lazarus Image Editor or Greenfish Icon Editor Pro save as .ico format.
Default Set
The default set contains the icon sizes that work in Windows in a DPI setting of 96 (100% - Default).
- 16x16: Displayed on the task bar, lists and headers
- 32x32: Displayed on the desktop, control panel
- 48x48: Displayed in Explorer when thumbnail or titles view is selected
- 256x256: Windows Vista+
16x16: This is used for Windows Explorer "Detail view", "List view", "Small icons", it is the application icon in a window and the icon in the notification area.
32x32: This is used for Windows Explorer "Content view", desktop "Small icons", application icon in taskbar and start menu icons.
48x48: This is used for Windows Explorer "Mosaic view", "Medium size icon" and desktop "Medium size icon".
256x256: This is used for Windows Explorer "Big icons" and desktop "Big icons".
Also the 256x256 icon is scaled, depending of the OS needs, to intermediate sizes between 48x48 and 256x256.
DPI Modes
The default set is for 96 DPI, but if you are running in High DPI you need bigger icons, scaled depending on the DPI setting.
120 DPI (125%):
- 16x16 > 20x20
- 32x32 > 40x40
- 48x48 > 60x60
- 256x256
144 DPI (150%):
- 16x16 > 24x24
- 32x32 > 48x48
- 48x48 > 72x72
- 256x256
192 DPI (200%):
- 16x16 > 32x32
- 32x32 > 64x64
- 48x48 > 96x96
- 256x256
The most used High DPI settings are 120 & 144. If you want quality icons in High DPI you must include in your set:
16x16 ; 32x32 ; 48x48 ; 256x256 // Default set 96 DPI
20x20 ; 40x40 ; 60x60 // Additional used in 120 DPI
24x24 ; 72x72 // Additional used in 144 DPI
If you include only the default set your image icons will be scaled by the OS to the needed size but loss of quality will occur.
Image: icon set comparison in High DPI.
Top: full icon set for High DPI. Quality icon.
Bottom: icon set for 96 DPI. Pixelated icon.
External Links
- Microsoft: Windows Icons Design Concepts and Guidelines.
(Note: In this article some things may differ to those explained in our article which was written based on tests in Windows 7).