How to change favicon in Webflow

At a glance:

Project Setting > General tab > Icons
Prepare images (32 x 32 & 256 x 256)
Upload the images you prepared
Publish your site for the changes to go live
Refresh your live site in your browser to see the updated favicon

‍

Go to the icons section in project settings

To change the Webflow favicon (or the little icon that shows up in the browser tab) you will need to open “Project Settings”. You can get there two different ways:

Option 1: If you are in the Webflow designer, click the **“Project Settings”** gear icon in the top left under the Webflow icon.

‍

Option 2: If you are on your Webflow projects dashboard, click the three dots at the bottom right of your project then **“Settings”** with the gear icon.

‍

Prepare your images

You will need to prepare and upload two different sizes of your logo for your favicon in Webflow. The first size will need to be 32 x 32 pixels, and the second needs to be 256 x 256 pixels.

Reminder: name these photos something you are OK with showing up on google as the names will be indexed by search engines

‍

If your photos are not currently this size (mac)

Make two copies of the photo file on your computer
Crop both to a square using preview
Resize one square Webflow favicon to 256 x 256 px and the other to 32 x 32 px

‍

Click the pencil icon in the top right corner of the preview editor

‍

Use the rectangular selection tool to select the square section of your logo you want to turn into the Webflow favicon image. You can hold down the shift key while dragging the corner of the selection to force it to be an exact square.

‍

Click the **“Tools”** tab in Preview → **“Adjust Size”** to the desired pixels.

‍

Upload your images

One you have your two Webflow favicon files in the correct size, upload them in “Project Settings” → “General Tab” → “Icons”.

‍

Publish changes

‍

Hit **“Publish”** in the top right corner

‍

Refresh your live site in your browser to see the updated Webflow favicon

‍

Note: if you don’t see it updated right away, sometimes you will need to clear cache. You can also try looking in incognito to make sure it is updated correctly.