How to add a favicon to your Shopify store?

Favicon, probably the short form of “favorite icon,” is an important brand element for a Shopify store website. It is a small logo or square icon that appears in the browser tab next to the website name.

It is crucial because when a user opens multiple tabs in their browser, the full website name may not appear – it is the favicon how a user identifies the website tab to navigate accordingly between them.

Favicon also appears when the page is bookmarked in the browser, which makes it one of the most valued yet underrated elements of any website.

Shopify allows you to add a custom favicon to your store pages, and to do so, you don’t have to be a technical wizard.

Here’s the step-by-step tutorial for adding a favicon to a Shopify store –

  1. Go to Online Store > Themes from your Shopify admin.
  2. Click the Customize button beside the active theme.
  3. Go to the Theme settings option from the left sidebar of the customizer.
  4. Scroll down to select the Favicon setting.
  5. Click the Select image button
  6. Upload or select the uploaded image.
  7. Click the Select button at the bottom
  8. Click Save in the top right corner.

Now the favicon is added to your Shopify store. Just go to your store page and refresh it to see the updated favicon on the browser tab.

What is the favicon icon size for Shopify?

32×32 pixels is the recommended favicon icon size, which gives you control over the quality of the image. However, you can add any icon in 1:1 or square dimension, which it reduces them back to the default dimensions.

What image formats are supported for Shopify favicon?

You can use a favicon in JPEG, PNG, or ICO format. However, PNG is the most popular format.

Related FAQs

Keep Up With EcomSutra

Join 1,500+ entrepreneurs & marketers to get the latest insights to grow your online business, straight to your mailbox! 

Scroll to Top