Favicon Generator

RealFaviconGenerator Compatibility

See how the code and pictures generated by RealFaviconGenerator behave on the following platforms. The following results were obtained with the latest version of RealFaviconGenerator (v0.9). You can also browse the older versions results.

You can contribute to these results.

Classic code, pictures in root directory

This is the code and pictures generated by default by RealFaviconGenerator. The generated files are placed in the root directory of the web site, which is the recommended setting.

Device OS Version Browser Version Tab Bookmark Home screen
PCWindows8.1IE11.0.96000192x192 PNG picture1192x192 PNG picture1192x192 PNG picture1
PCWindows8.1Chrome37.0.2062.120 m16x16 PNG picture16x16 PNG picture192x192 PNG picture1
PCWindows8.1Firefox32.0.132x32 PNG picture192x192 PNG picture132x32 or 192x192 PNG picture2
PCWindows8.1Opera24.155816x16 PNG picture16x16 PNG pictureN/A
PCWindows8.1Opera12.1516x16 or 32x32 PNG picture16x16 or 32x32 PNG picture160x160 or 192x192 PNG picture3
PCWindows8.1Safari5.1.732x32 PNG picture32x32 PNG pictureN/A
PCWindows7Firefox32.0.132x32 PNG picture16x16, 32x32 or 96x96 PNG pictureNot measured
MacBook Pro with Retina displayMac OS10.9.5Safari7.1192x192 PNG picture1192x192 PNG picture1Default icon4
MacBook Pro with Retina displayMac OS10.9Firefox3232x32 PNG picture32x32 PNG picture32x32 PNG picture
Surface 2Windows RT8.1IE11192x192 PNG picture1150x150 Tile picture70x70, 150x150, 310x150 or 310x310 Tile picture
Nexus 5Android4.4.4Chrome37.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 5Android4.4.4Firefox32192x192 PNG picture192x192 PNG picture192x192 PNG picture
Nexus 5Android4.4.4Opera Mobile24.1565N/AN/A180x180 Apple Touch icon3
Nexus 5Android4.4.4Dolphin11.2.3180x180 Apple Touch icon180x180 Apple Touch icon180x180 Apple Touch icon
Nexus 7Android4.4.4Chrome37.0.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 7Android4.4.4Firefox32192x192 PNG picture192x192 PNG pictureN/A
Nexus 7Android4.4.4Opera Mini7.6N/ADefault icon5Default icon5
iPhone 6iOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPhone 6 PlusiOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPad MiniiOS7.1Safari7.1N/A152x152 PNG picture76x76 Apple Touch icon
iPad MiniiOS7.1Chrome37.0.206216x16 PNG picture57x57 Apple Touch iconN/A
iPad MiniiOS7.1Coast by Opera7.1N/A144x144 Tile pictureN/A
iPad MiniiOS7.1Dolphin5.1N/ADefault icon5N/A
iPad MiniiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad Mini with Retina displayiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon
iPad Air with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon

Pictures not in root directory

The pictures generated by RealFaviconGenerator are not in the root directory of the web site.

Device OS Version Browser Version Tab Bookmark Home screen
PCWindows8.1IE11.0.96000192x192 PNG picture1192x192 PNG picture1192x192 PNG picture1
PCWindows8.1Chrome37.0.2062.120 m16x16 PNG picture16x16 PNG picture192x192 PNG picture1
PCWindows8.1Firefox32.0.132x32 PNG picture192x192 PNG picture132x32 or 192x192 PNG picture2
PCWindows8.1Opera24.155816x16 PNG picture16x16 PNG pictureN/A
PCWindows8.1Opera12.1516x16 or 32x32 PNG picture16x16 or 32x32 PNG picture160x160 or 192x192 PNG picture3
PCWindows8.1Safari5.1.732x32 PNG picture32x32 PNG pictureN/A
PCWindows7Firefox32.0.132x32 PNG picture16x16, 32x32 or 96x96 PNG pictureNot measured
MacBook Pro with Retina displayMac OS10.9.5Safari7.1192x192 PNG picture1192x192 PNG picture1Default icon4
MacBook Pro with Retina displayMac OS10.9Firefox3232x32 PNG picture32x32 PNG picture32x32 PNG picture
Surface 2Windows RT8.1IE11192x192 PNG picture1150x150 Tile picture70x70, 150x150, 310x150 or 310x310 Tile picture
Nexus 5Android4.4.4Chrome37.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 5Android4.4.4Firefox32192x192 PNG picture192x192 PNG picture192x192 PNG picture
Nexus 5Android4.4.4Opera Mobile24.1565N/AN/A180x180 Apple Touch icon3
Nexus 5Android4.4.4Dolphin11.2.3180x180 Apple Touch icon180x180 Apple Touch icon180x180 Apple Touch icon
Nexus 7Android4.4.4Chrome37.0.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 7Android4.4.4Firefox32192x192 PNG picture192x192 PNG pictureN/A
Nexus 7Android4.4.4Opera Mini7.6N/ADefault icon5Default icon5
iPhone 6iOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPhone 6 PlusiOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPad MiniiOS7.1Safari7.1N/A152x152 PNG picture76x76 Apple Touch icon
iPad MiniiOS7.1Chrome37.0.206216x16 favicon.ico picture57x57 Apple Touch iconN/A
iPad MiniiOS7.1Coast by Opera7.1N/A144x144 Tile pictureN/A
iPad MiniiOS7.1Dolphin5.1N/ADefault icon5N/A
iPad MiniiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad Mini with Retina displayiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon
iPad Air with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon

Pictures behind 301 redirect

Although this is not related to RealFaviconGenerator, it can be interesting to place favicon files behind 301 redirections. This is not supported by all browsers.

Device OS Version Browser Version Tab Bookmark Home screen
PCWindows8.1IE11.0.96000192x192 PNG picture1192x192 PNG picture1192x192 PNG picture1
PCWindows8.1Chrome37.0.2062.120 m16x16 PNG picture16x16 PNG picture192x192 PNG picture1
PCWindows8.1Firefox32.0.132x32 PNG picture192x192 PNG picture132x32 or 192x192 PNG picture2
PCWindows8.1Opera24.155816x16 PNG picture16x16 PNG pictureN/A
PCWindows8.1Opera12.15No iconNo iconNo icon
PCWindows8.1Safari5.1.732x32 PNG picture32x32 PNG pictureN/A
PCWindows7Firefox32.0.132x32 PNG picture16x16, 32x32 or 96x96 PNG pictureNot measured
MacBook Pro with Retina displayMac OS10.9.5Safari7.1192x192 PNG picture1192x192 PNG picture1Default icon4
MacBook Pro with Retina displayMac OS10.9Firefox3232x32 PNG picture32x32 PNG picture32x32 PNG picture
Surface 2Windows RT8.1IE11192x192 PNG picture1144x144 Tile picture144x144 Tile picture
Nexus 5Android4.4.4Chrome37.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 5Android4.4.4Firefox32192x192 PNG picture192x192 PNG picture192x192 PNG picture
Nexus 5Android4.4.4Opera Mobile24.1565N/AN/A180x180 Apple Touch icon3
Nexus 5Android4.4.4Dolphin11.2.3180x180 Apple Touch icon180x180 Apple Touch icon180x180 Apple Touch icon
Nexus 7Android4.4.4Chrome37.0.2062192x192 PNG picture144x144 Apple Touch icon192x192 PNG picture
Nexus 7Android4.4.4Firefox32192x192 PNG picture192x192 PNG pictureN/A
Nexus 7Android4.4.4Opera Mini7.6N/ADefault icon5Default icon5
iPhone 6iOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPhone 6 PlusiOS8.0.2Safari8N/A180x180 PNG picture120x120 Apple Touch icon
iPad MiniiOS7.1Safari7.1N/A152x152 PNG picture76x76 Apple Touch icon
iPad MiniiOS7.1Chrome37.0.206216x16 PNG picture57x57 Apple Touch iconN/A
iPad MiniiOS7.1Coast by Opera7.1N/A180x180 Apple Touch iconN/A
iPad MiniiOS7.1Dolphin5.1N/ADefault icon5N/A
iPad MiniiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad Mini with Retina displayiOS8.0.2Safari8N/A152x152 PNG picture76x76 Apple Touch icon
iPad with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon
iPad Air with Retina displayiOS8.0.2Safari8N/A180x180 PNG picture152x152 Apple Touch icon

Compressed pictures

RealFaviconGenerator can compress the generated pictures. The compressed pictures should better look good on all platforms. Note that the compression is lossy. In the following table, "Ok" means "the icon looks fine and is not altered by the compression".

Device OS Version Browser Version Tab Bookmark Home screen
PCWindows8.1IE11.0.96000OkOkOk
PCWindows8.1Chrome37.0.2062.120 mOkOkOk
PCWindows8.1Firefox32.0.1OkOkOk
PCWindows8.1Opera24.1558OkOkN/A
PCWindows8.1Opera12.15OkOkOk3
PCWindows8.1Safari5.1.7OkOkN/A
PCWindows7Firefox32.0.1OkOkOk
MacBook Pro with Retina displayMac OS10.9.5Safari7.1OkOkOk
MacBook Pro with Retina displayMac OS10.9Firefox32OkOkOk
Surface 2Windows RT8.1IE11OkOkOk
Nexus 5Android4.4.4Chrome37.2062OkOkOk
Nexus 5Android4.4.4Firefox32OkOkOk
Nexus 5Android4.4.4Opera Mobile24.1565N/AN/AOk3
Nexus 5Android4.4.4Dolphin11.2.3OkOkOk
Nexus 7Android4.4.4Chrome37.0.2062OkOkOk
Nexus 7Android4.4.4Firefox32OkOkN/A
Nexus 7Android4.4.4Opera Mini7.6N/AN/AN/A
iPhone 6iOS8.0.2Safari8N/AOkOk
iPhone 6 PlusiOS8.0.2Safari8N/AOkOk
iPad MiniiOS7.1Safari7.1N/AOkOk
iPad MiniiOS7.1Chrome37.0.2062OkOkN/A
iPad MiniiOS7.1Coast by Opera7.1N/AOkN/A
iPad MiniiOS7.1Dolphin5.1N/AN/AN/A
iPad MiniiOS8.0.2Safari8N/AOkOk
iPad Mini with Retina displayiOS8.0.2Safari8N/AOkOk
iPad with Retina displayiOS8.0.2Safari8N/AOkOk
iPad Air with Retina displayiOS8.0.2Safari8N/AOkOk

Notes

  1. Although the outcome is correct, the browser uses a high resolution PNG icon and scales it down. Depending of the design of the icon, this can lead to poor result. The browser should rather use one of the available 16x16 or 32x32 PNG icons... but it does not.
  2. When adding a shortcut to the desktop, Firefox creates an icon with huge margins, instead of using the icon in full size. Apparently, there is no way to work around this issue. Even adding mozilla.org to the desktop generates the same result.
  3. Not really the "home screen", but the Speed dial
  4. When adding a shortcut to the desktop, Safari uses a default icon (a blank page), instead of using the provided icon. Apparently, there is no way to work around this issue.
  5. When creating a bookmark, the browser uses a default picture (ie. the same for all bookmarks). Apparently, there is no way to work around this issue. It seems that the browser has built-in icons for "famous" sites, but there is no way to specify a particular icon for your own site.