Favicons in Webflow

What Favicons Does Webflow Support?

No items found.
Overview
What is a Favicon?
100
Where Do Favicons Appear?
101
Favicons in Google Search Results
102
Webflow & Favicons
What Favicons Does Webflow Support?
200
Creating Favicons
Creating a Favicon
300
Resources
References
600
Troubleshooting Favicons
601
What Favicons Does Google See?
601
Advanced
Technical Notes
Int
800
Favicon formats
801
Advanced Favicons use
Adv
810
Expert Favicons use
Expert
820
No items found.

Just the basics.

As of Nov-2022, Webflow still only has in-built support for two specific icon formats, which are;

  • 32x32 PNG
  • 256x256 PNG

In your published page, these generate as;



<link href="https://assets.website-files.com .. .png" rel="shortcut icon" type="image/x-icon"/>
<link href="https://assets.website-files.com .. .png" rel="apple-touch-icon"/>

Do Webflow's Favicons Meet Google's Requirements?

Well, technically, no.

There are two places that Webflow's icons violate Google's requirements;

  • Google requires icons that are a multiple of 48x48.
  • > Neither the 32x or the 256x meet that requirement.
  • Google requires that favicons are served from the same hostname as the page being indexed.
  • > - Webflow's favicons are stored in an external assets CDN for performance, which exists on a separate domain from your site.
However, despite this, I have not yet experience problems on any site where I am using only Webflow's in-built icon support.

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.