Favicons in the Express Editor
This content only applies to Gator Website Builder hosting plans which are accessible by going to app.gator.com.
For more articles, check out the HostGator Gator Website Builder category
or directly access the Gator Knowledge Base.
What is a Favicon?
A favicon is an icon that appears in the tabs of the browser when someone visits your site.
It helps your brand be consistent and give a visual image to your company.
To Add a Favicon
- Begin within your website editor.
- Select the Settings option on the left menu bar of the editor.
- In the panel that opens up, choose the Favicon tab on the upper right.
- Within this tab, click on the area labeled Click to upload favicon.
Pro Tip: A favicon will need to be a square image at the optimal size of 32x32 pixels. With smaller image resolutions like this, simple images or logos work best. This will open your media library with stock images, previously uploaded images, and an upload image option.
- Once you find the image you would like to use, click on it to add it as the favicon.
If the image is being uploaded you will see a progress bar and when complete create a thumbnail of the image that was selected.
- Once it completed, choose Apply in the bottom right to save the Favicon for your site.
Replacing/Deleting a Favicon
- Begin within your website editor.
- Select the Settings option on the left menu bar of the editor.
- In the panel that opens up, choose the Favicon tab on the upper right.
- Within this tab, there will be an area labeled Favicon with a preview of the current Favicon. When you hover your cursor over the image, you will see two icons appear giving you the options to replace the current image or delete it.
- Once you’ve completed your desired action, choose Apply in the bottom right to save the Favicon for your site.