Favicon Requirements for v7.1.0+
Metric Insights can display a custom favicon on its browser tab. To do that, it needs a set of files, packed into a ZIP archive. This article describes what files are required and what are optional for different browsers and operational systems.
NOTE: The archive has to be in a ZIP format only and must contain files named the same way as listed in the article.
Required Files
1. favicon.ico
- Purpose: The classic favicon format, used by older browsers and sometimes for backwards compatibility.
- Size: A multi-resolution ICO file that includes 16x16, 32x32, and 48x48 pixels.
- Format: ICO
2. favicon-16x16.png
- Purpose: Used by some browsers for small icons in tabs and bookmarks.
- Size: 16x16 pixels
- Format: PNG
3. favicon-32x32.png
- Purpose: Used for icons in some browsers, particularly in the address bar.
- Size: 32x32 pixels
- Format: PNG
Optional Files
Optional Formats
The files, added to the archive can also have a GIF format.
Besides that:
- JPEG: Be aware that it is not supported by IE browser.
- SVG: Be aware, that it is not supported by Safari and IE browsers.
Optional Sizes
The size, recommended by Google is 48x48 and in some cases (for larger icons or in high-DPI displays) is used 64x64.
Main recommended sizes for Apple devices (IPads and iPhones) are 152×152, 167x167, and 180x180. Check the Developer Apple website for more information about recommended favicon size.
Recommended sizes for Android devices are 48x48, 192x192, and 512x512.
Some of the recommended sizes for Windows (IE, Edge, Tiles) are 70x70, 150x150, 310x150. Check the Learning Microsoft website for more information about recommended favicon size.
Useful Links
Here are some more websites to check for supported favicon details: