Back
How to Add a Browser Icon

Adding a browser icon makes it easy for visitors to recognise and find your site, among all their open browser tabs or bookmarks list.

What is a Browser Icon

A Browser Icon, also known as Favicon or Brand Icon, is a small image that's displayed next to the page title in browser tabs and is also the display icon when visitors bookmark a site.

All Sitebeat-generated websites have the Sitebeat Logo as their default Browser Icon. Customise this by replacing the default Sitebeat Logo with a unique Browser Icon that perfectly matches your brand.

Adding a Browser Icon

Use the simple steps below to add a Browser Icon for your website and boost your branding:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option of the website that you wish to manage.
  3. Note: If you want to edit a new site, you have to unpublish the current website and make your new site as your primary website.

    Under My Sites, click the [...] Ellipsis Icon on the top-right corner of the website to unpublish the current site. Click Unpublish Site, and then click Yes, Unpublish to confirm.

    Under My Domains, click the [...] Ellipsis Icon of the website that you want to replace as your primary website, then click Replace Primary. In the pop-up window, select the domain of the new website in the New Primary Domain list, then click Replace Primary. You can also click the Domains tab under My Sites to perform the necessary steps mentioned.

    You can now edit the new site that you wish to manage.

  4. On your Site Editor, click Settings from the left-side menu, and then click General.
  5. Drag and drop your Browser Icon image into the Upload Image box under Favicon For Browsers.
    You can also click on the Upload Image box to browse through your computer and select the image.
  6. The image will automatically be saved in your Sitebeat project as your Browser Icon but will only be applied once you Publish your site.

IMPORTANT: The following are limitations as to the maximum and minimum required image size that you can use for your Browser Icon:

  • Maximum allowed image size is 1024x1024 pixels.
  • Minimum allowed image size is 16x16 pixels.

Hit the play button below to view the quick start guide we've prepared for you:

You can also check out more video guides by visiting our YouTube How-To Playlist.

Was this helpful?
100% of people found this helpful.
-