Skip to content

Commit 44b6f75

Browse files
committed
Add info from issue #9 to cheat sheet.
1 parent d13462b commit 44b6f75

File tree

1 file changed

+17
-3
lines changed

1 file changed

+17
-3
lines changed

README.rst

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,8 @@ Size Name Purpose
122122
ICO File
123123
--------
124124

125-
An .ico file contains an icon at multiple sizes. In favicon.ico, create at least these:
125+
An .ico file is a container for multiple .bmp or .png icons of different sizes.
126+
In favicon.ico, create at least these:
126127

127128
======= =======================================================================
128129
Size Purpose
@@ -142,18 +143,30 @@ Size Purpose
142143
64x64 Windows site icons [4]_, Safari Read Later sidebar in HiDPI/Retina
143144
======= =======================================================================
144145

146+
Create your .ico out of optimized .png files.
147+
148+
TODO: get confirmation that IE9+ supports .ico files that contain .png files (issue `#9`_)
149+
150+
.. _`#9`: https://github.com/audreyr/favicon-cheat-sheet/issues/9
151+
145152
Helpful Tools
146153
-------------
147154

148-
I haven't tried them all, so use at your own risk.
155+
I recommend:
156+
157+
1. OptiPNG, to optimize .png files before putting them into an .ico: http://optipng.sourceforge.net/
158+
2. ImageMagick, to create an .ico from .png files: http://blog.morzproject.com/convert-multiple-png-images-into-a-single-icon-file/ & http://www.imagemagick.org/Usage/thumbnails/#favicon
159+
160+
Others that I haven't tried:
149161

162+
* Ubuntu/Debian package `icoutil` has an icotool program which creates .ico from .png files.
150163
* MSDN recommends this web-based .ico creator: http://www.xiconeditor.com
151164
* Resize favicons: http://faviconer.com
152165
* More resizing: https://github.com/abrkn/icon
153-
* Creating .ico files: http://www.imagemagick.org/Usage/thumbnails/#favicon
154166
* Dynamically setting favicons: https://github.com/HenrikJoreteg/favicon-setter
155167
* Fancy favicon tricks: https://github.com/component/piecon
156168
* Web Icon - a simple shell script that generates favicon and touch icons: https://github.com/emarref/webicon
169+
* Icon Slate app (OS X): https://itunes.apple.com/us/app/icon-slate/id439697913
157170

158171
Forcing a Favicon Refresh
159172
-------------------------
@@ -247,3 +260,4 @@ References
247260
.. [2] http://www.w3.org/html/wg/drafts/html/CR/links.html#rel-icon
248261
.. [3] Adapted from http://mathiasbynens.be/notes/touch-icons
249262
.. [4] No specifics given by MSDN.
263+
.. [5] http://blog.morzproject.com/convert-multiple-png-images-into-a-single-icon-file/

0 commit comments

Comments
 (0)