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.
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 |
---|---|---|---|---|---|---|---|
PC | Windows | 10 | Edge | 41.16299.15.0 | 32x32 PNG picture | 32x32 PNG picture | 150x150 Tile picture1 |
PC | Windows | 10 | IE | 11.192 | 32x32 PNG picture | 32x32 PNG picture | 32x32 PNG picture2 |
PC | Windows | 10 | Chrome | 64.3282 | 32x32 PNG picture | 32x32 PNG picture | 192x192 PNG picture |
PC | Windows | 10 | Firefox | 58.0.1 | 16x16 PNG picture | 180x180 Apple Touch icon | 180x180 Apple Touch icon3 |
PC | Windows | 10 | Opera | 50.0.2762 | 32x32 PNG picture | 32x32 PNG picture | No icon4 |
PC | Windows | 10 | Yandex | 17.11.1 | 32x32 PNG picture5 | 32x32 PNG picture | N/A |
Samsung Galaxy S7 | Android | 7 | Chrome | 64.3282 | 32x32 PNG picture6 | 32x32 PNG picture | 192x192 Android picture7 |
Samsung Galaxy S7 | Android | 7 | Firefox | 58 | 180x180 Apple Touch icon | 180x180 Apple Touch icon | 180x180 Apple Touch icon |
iPad Mini | iOS | 9.3.5 | Safari | 9 | N/A | 180x180 Apple Touch icon | 180x180 Apple Touch icon8 |
Mac Mini | Mac OS X | 10.13.3 | Safari | 11.3 | Mask icon9 | 16x16 or 32x32 PNG picture | N/A |
PC | Mac OS X | 10.11.6 | Chrome | 63.3239 | 32x32 PNG picture | 32x32 PNG picture | N/A |
The pictures generated by RealFaviconGenerator are not in the root directory of the web site.
Device | OS | Version | Browser | Version | Tab | Bookmark | Home screen |
---|---|---|---|---|---|---|---|
PC | Windows | 10 | Edge | 41.16299.15.0 | 32x32 PNG picture | 32x32 PNG picture | 150x150 Tile picture1 |
PC | Windows | 10 | IE | 11.192 | 32x32 PNG picture | 32x32 PNG picture | 32x32 PNG picture2 |
PC | Windows | 10 | Chrome | 64.3282 | 16x16 favicon.ico picture | 16x16 favicon.ico picture | 192x192 PNG picture |
PC | Windows | 10 | Firefox | 58.0.1 | 16x16 PNG picture | 180x180 Apple Touch icon | 180x180 Apple Touch icon3 |
PC | Windows | 10 | Opera | 50.0.2762 | 16x16 favicon.ico picture | 16x16 favicon.ico picture | No icon4 |
PC | Windows | 10 | Yandex | 17.11.1 | 16x16 favicon.ico picture5 | 16x16 favicon.ico picture | N/A |
Samsung Galaxy S7 | Android | 7 | Chrome | 64.3282 | 32x32 PNG picture6 | 32x32 PNG picture | 192x192 Android picture7 |
Samsung Galaxy S7 | Android | 7 | Firefox | 58 | 180x180 Apple Touch icon | 180x180 Apple Touch icon | 180x180 Apple Touch icon |
iPad Mini | iOS | 9.3.5 | Safari | 9 | N/A | 180x180 Apple Touch icon | 180x180 Apple Touch icon8 |
Mac Mini | Mac OS X | 10.13.3 | Safari | 11.3 | Mask icon9 | 16x16 or 32x32 PNG picture | N/A |
PC | Mac OS X | 10.11.6 | Chrome | 63.3239 | 32x32 favicon.ico picture | 32x32 favicon.ico picture | N/A |
msapplication-TileColor
in the HTML (not the one in browserconfig.xml
), see Issue #331.theme_color
color of the manifestbackground_color
color of the manifest