Generating Favicons
Favicon.io is a free web tool that converts an image, text or emoji into appropriate favicon files. The generated files include:
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- site.webmanifest
see also:
- FontIcon 💙 Font Awesome Favicon Generator 🔥
- 10 Best Favicon Generators That You Need to Use (2021)
Favicon Cheatsheet
source: audreyfeldroy/favicon-cheat-sheet
Desktop
| Sizes | Name | Purpose |
|---|---|---|
| 16x16 & 32x32 | favicon.ico | Default required by IE. Chrome and Safari may pick ico over png, sadly. |
iOS and Android
| Size | Name | Purpose |
|---|---|---|
| 180x180 | favicon-180.png | General use iOS/Android icon, auto-downscaled by devices. |
Others
| Size | Name | Purpose |
|---|---|---|
| 32x32 | favicon-32.png | Certain old but not too old Chrome versions mishandle ico |
| 57x57 | favicon-57.png | Standard iOS home screen (iPod Touch, iPhone first generation to 3G) |
| 76x76 | favicon-76.png | iPad home screen icon |
| 96x96 | favicon-96.png | GoogleTV icon |
| 120x120 | favicon-120.png | iPhone retina touch icon (Change for iOS 7: up from 114x114) |
| 128x128 | favicon-128.png | Chrome Web Store icon |
| 128x128 | smalltile.png | Small Windows 8 Star Screen Icon |
| 144x144 | favicon-144.png | IE10 Metro tile for pinned site |
| 152x152 | favicon-152.png | iPad retina touch icon (Change for iOS 7: up from 144x144) |
| 180x180 | favicon-180.png | iPhone 6 plus |
| 195x195 | favicon-195.png | Opera Speed Dial icon (Not working in Opera 15 and later) |
| 196x196 | favicon-196.png | Chrome for Android home screen icon |
| 228x228 | favicon-228.png | Opera Coast icon |
| 270x270 | mediumtile.png | Medium Windows 8 Start Screen Icon |
| 558x270 | widetile.png | Wide Windows 8 Start Screen Icon |
| 558x558 | largetile.png | Large Windows 8 Start Screen Icon |