-
Notifications
You must be signed in to change notification settings - Fork 7
Icons
S3 will be backwards compatible to S2 icon sizes. You can continue to use S2 icon sizes. However S3 will scale your icon to fit the new sizes.
All image resources in S3 should be in both standard and HiDPI. Following Apple convention, retina images should be named the same as their standard counterpart with "@2x" at the end of the name before the extension.
Example:
icon_large.pngandicon_large@2x.png
To reduce plist clutter your icon should have a base name which all the icon sizes are based on.
<filename>_large.png and <filename>_large@2x.png
<filename>_medium.png and <filename>_medium@2x.png
<filename>_small.png and <filename>_small@2x.png
There is some purposeful overlap in the sizes. (e.g. The small @2x image -- 32px, is the same size as the Medium standard image -- 32px). For most stacks this means there are a couple less icon sizes to create. However, since these must be stored in separate files these two files do not have to be the same.
This is a template that I've used to create some of the new icons for S3. You are free to use it as a starting point if you like. Although I would encourage you to make your icons unique.
Download: Stack Icon Template (psd)
Gary from Doobox has created a utility to export icons from a single 512px master. Download: Stack Icon Utility
Doobox also created a template for Affinity Designer app. Download : Affinity Designer Template