How do I add a favicon or site icon?
Home screen icons, share images, favicons, and startup images allow you to customize, brand, and polish your user's experience on the site, as well as make it easier for a visitor to pick your site out from a bunch of tabs or links on their home screen. If you are confused about what icons, share images, favicons, or start-up images are, please see below.
To add a favicon to your website, follow these simple steps below:
- Click on Settings from the left-hand menu within your Website Editor
- Under the Site Icons section click on +Image next to the icon you want to edit
- Here you will be taken to the Image Picker where you can either choose from a variety of images, or you may upload your own image
Below are different types of site icons:
Your favicon appears next to your page title in the tab of your browser. It allows users to identify and navigate to your site easily, even if they have multiple tabs open.
Social Networks Image (Open Graph)
This is the image designated to display on Facebook, Twitter, and other social networks when sharing your site.
Home Screen Icon (Mobile & Tablet)
Home screen icons are a mobile phone version of bookmarks, and appear on iPhone and iPad devices when your site is bookmarked on the home screen. Users are able to save a home screen icon on their phone's home screen as if the site were an app. Clicking this icon on mobile devices brings users to your site.
This image should be a square and at least 57 x 57 pixels in size.
For more information or if you require any assistance, feel free to contact us at [email protected].