Favicon

This guide describes the Theme settings > Favicon menu options. Use the settings to configure a favicon for your store. Refer to Shopify help: Favicon

When a visitor opens your store's pages, the favicon is displayed as an icon in the web browser's tab bar, history and bookmarks/ favorites. For example, in the previous image, in the top left corner, a Favicon is displayed as an icon in the web browser's Tab bar.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings

Set up a favicon

To set up a favicon image for your store:

Go to Theme settings > Favicon.
Select a setting described in the following table.

Setting name Description

Favicon image

Setting name	Description
Favicon image	Use the following Favicon image selector options to set up a favicon image. Note that images are scaled to the dimensions `32px` x `32px` (pixels). To add an image, choose Select image, and then upload an image or select an image file from your store's file library. To edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block. To replace an image, choose Change > Change image, and then select or upload a new image. To remove an image, select Change > Remove image. Select the Add alt text link, and then enter a brief description of the image into the Image alt text box. The description improves search engine optimization (SEO), and provides greater accessibility for customers who use screen-reading tools. The text is saved immediately. Refer to Shopify help: Adding alt text to media To display an image from a dynamic source, select the Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields
Favicon image > Connect dynamic source	To display an image from a dynamic source, select the Connect dynamic source icon beside the Favicon image selector, and then choose a metafield to add. Refer to Shopify help: Metafields

Use the following Favicon image selector options to set up a favicon image. Note that images are scaled to the dimensions 32px x 32px (pixels).

To add an image, choose Select image, and then upload an image or select an image file from your store's file library.
To edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block.
To replace an image, choose Change > Change image, and then select or upload a new image.
To remove an image, select Change > Remove image.
Select the Add alt text link, and then enter a brief description of the image into the Image alt text box. The description improves search engine optimization (SEO), and provides greater accessibility for customers who use screen-reading tools. The text is saved immediately. Refer to Shopify help: Adding alt text to media
To display an image from a dynamic source, select the Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields

Favicon image > Connect dynamic source To display an image from a dynamic source, select the Connect dynamic source icon beside the Favicon image selector, and then choose a metafield to add. Refer to Shopify help: Metafields

Favicon #

Set up a favicon #

Favicon

Set up a favicon