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.16). 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
PCWindows10Edge41.16299.15.032x32 PNG picture32x32 PNG picture150x150 Tile picture1
PCWindows10IE11.19232x32 PNG picture32x32 PNG picture32x32 PNG picture2
PCWindows10Chrome64.328232x32 PNG picture32x32 PNG picture192x192 PNG picture
PCWindows10Firefox58.0.116x16 PNG picture180x180 Apple Touch icon180x180 Apple Touch icon3
PCWindows10Opera50.0.276232x32 PNG picture32x32 PNG pictureNo icon4
PCWindows10Yandex17.11.132x32 PNG picture532x32 PNG pictureN/A
Samsung Galaxy S7Android7Chrome64.328232x32 PNG picture632x32 PNG picture192x192 Android picture7
Samsung Galaxy S7Android7Firefox58180x180 Apple Touch icon180x180 Apple Touch icon180x180 Apple Touch icon
iPad MiniiOS9.3.5Safari9N/A180x180 Apple Touch icon180x180 Apple Touch icon8
Mac MiniMac OS X10.13.3Safari11.3 Mask icon916x16 or 32x32 PNG pictureN/A
PCMac OS X10.11.6Chrome63.323932x32 PNG picture32x32 PNG pictureN/A

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
PCWindows10Edge41.16299.15.032x32 PNG picture32x32 PNG picture150x150 Tile picture1
PCWindows10IE11.19232x32 PNG picture32x32 PNG picture32x32 PNG picture2
PCWindows10Chrome64.328216x16 favicon.ico picture16x16 favicon.ico picture192x192 PNG picture
PCWindows10Firefox58.0.116x16 PNG picture180x180 Apple Touch icon180x180 Apple Touch icon3
PCWindows10Opera50.0.276216x16 favicon.ico picture16x16 favicon.ico pictureNo icon4
PCWindows10Yandex17.11.116x16 favicon.ico picture516x16 favicon.ico pictureN/A
Samsung Galaxy S7Android7Chrome64.328232x32 PNG picture632x32 PNG picture192x192 Android picture7
Samsung Galaxy S7Android7Firefox58180x180 Apple Touch icon180x180 Apple Touch icon180x180 Apple Touch icon
iPad MiniiOS9.3.5Safari9N/A180x180 Apple Touch icon180x180 Apple Touch icon8
Mac MiniMac OS X10.13.3Safari11.3 Mask icon916x16 or 32x32 PNG pictureN/A
PCMac OS X10.11.6Chrome63.323932x32 favicon.ico picture32x32 favicon.ico pictureN/A

Notes

  1. When pinned to the Task Bar, Edge picks the Apple Touch icon and keeps its transparency, if any. When pinned to the Start Menu, Edge uses the 150x150 Tile icon and the color declared as msapplication-TileColor in the HTML (not the one in browserconfig.xml), see Issue #331.
  2. Actually, the icon is added to the Task bar, not to the desktop.
  3. 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.
  4. When adding a site to the homescreen, Opera creates a link with the icon similar to a local HTML file (eg. if Chrome is configured as the default application to open the HTML files, then the shortcut has the Chrome icon). There is probably no way to work around this issue.
  5. Yandex also uses a particular color as the background of the active tab. It is not clear where this color comes from.
  6. The icon is visible when choosing among the open tabs. In addition, the address bar is the theme_color color of the manifest
  7. At least on the tested device, all icons have rounded corners. Some padding is added to the icon in order to not crop its corners. In addition, when a link is added to the home screen and then the link is opened, Chrome shows a splash screen with the 512x512 icon and the background_color color of the manifest
  8. iOS Safari applies a black background to the Touch icon when it is added to home screen
  9. This icon is displayed when the tab is pinned (ie. sent to far left of the window).