Report: Favicon & Icons
We are checking if the website has one or many favicons defined (or available)
Favicons are used to identify the website in the browser tab, search engines and social media. They are a requirement for any website in the modern web and should reflect the brand identity. Back in the days favicons were always 16x16px, but today we have much more options and sizes and its expected to have a good standard favicon in a higher resolution.
Recommendations
- Make sure you have a good standard favicon, 16x16px is just the minimum size
- Have multiple sizes of the favicon, 16x16px, 32x32px, 64x64px, 128x128px, 256x256px
- Its always good to add apple touch icons, 180x180px is the minimum size
Common issues
- The favicon exists but is not in the html layout
- No favicon found
- Only one favicon found, no different sizes found
Example favicon
Example favicon description
<link rel="icon" href="/favicon.ico" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />Generate favicon
Generate favicon description