Adding a Favicon

A favicon, or browser icon, is a small image that displays next to the page title in a browser tab. Adding a favicon to your site makes your site recognizable in a browser full of tabs and is also used by some browsers for bookmarks.

Step 1 - Upload favicon file to file storage

Upload a .ico or .png file to your file storage.

Step 2 - Edit favicon display option

Click the Website Management link in the upper left corner of your screen. Under Structure, click the Website Settings.

From the Advanced tab, you can scroll down to the Favicon (Favorites Icon) Display section and choose your option from the drop-down.

Note: We recommend clearing your browser cache and restarting your browser to see the favicon update. Browsers can be very persistent in holding on to cached favicons.

Best practices

Image resolution

Favicon images work best across all browsers when sized between 100px × 100px and 300px × 300px, though they display at 16px × 16px. These are the standard favicon dimensions, and while some browsers support larger favicon files, all will support that size.

File format

We recommend using an .ico or a .png file as the favicon image. However, Internet Explorer can't display a .png as a favicon and Safari sometimes has issues with .ico favicons.

Was this article helpful?
0 out of 1 found this helpful