Learn Shopify How to Add or Change Favicon on Shopify (8 Easy Steps)

How to Add or Change Favicon on Shopify (8 Easy Steps)

GemPages Team
Updated:
8 minutes read
shopify-favicon

People often keep dozens of tabs open while browsing. In such cases, the small icon next to the website’s title helps users quickly identify pages they've visited.

This small icon, called a favicon, is a square image that plays a significant role in reinforcing brand identity.

If you are an entrepreneur looking to add or change a favicon on your Shopify store, you are at the right place. In this blog post, we will walk you through 8 easy steps to add or change a favicon on Shopify.

Start selling on Shopify for $1
Start with free trial, then get your first month for $1

How Can You Benefit from Adding a Favicon to Your Shopify Store?

A favicon, short for "favorite icon", is a small image that appears in the browser tab or bookmark bar next to your website’s title. It usually mirrors or partially reflects your brand’s logo, helping to enhance brand recognition.

Examples of favicons

Favicons are small square images displayed in the tab of a browser web or bookmark bar next to the website’s title.

The ideal favicon size on Shopify is 16x16 or 32x32 pixels. Small as it may seem, a favicon can do wonders for your online store:

  • It enhances your brand identity, making your Shopify store more memorable and easily identifiable.
  • It gives your online store a professional and polished look, building trust with visitors and customers.
  • It provides a visual cue for visitors to quickly locate your Shopify store among multiple tabs opened in their web browsers.

Learn more: 12 Brand Building Tips Shopify Store Owners Need to Know

How to Add or Change a Favicon on Shopify?

Step 1: Sign in to Your Shopify Account

First things first, go to Shopify website and log in to your Shopify account using your email address and password.

Learn more: Shopify Tutorial: Set Up Your Store from Scratch to Finish (2023)

Log in to Shopify account

Step 2: Go to the "Themes" section

On Shopify, a favicon is included in all themes as a straightforward option.

So, from your Shopify admin, head over to Online Store > Themes.

Shopify’s themes section

Step 3: Click "Customize"

Once you’re in the Themes section, hit the Customize button.

Customize a Shopify theme

Step 4: Open the Theme Settings

Next, click on the icon referring to Theme Settings.

Shopify’s theme editor dashboard

Step 5: Click on "Logo"

Depending on your current theme, the Favicon section will be displayed differently. Here is our tutorial on the Dawn theme.

In the Theme settings page, click Logo.

Shopify’s theme settings page

Step 6: Select Your Favicon Image

On the Logo section, you can add or change either your logo or your favicon.

In the Favicon image area, do one of the following:

  • Click Select image to select an image you have already uploaded to your Shopify admin or to upload an image from your computer by pressing Add images.
  • Click Explore free images to select an image from Shopify’s library of free favicon images.

Add favicon to Shopify

Here, you can also change a selected favicon by clicking on the Change button.

Change favicon on Shopify

Step 7: Add Alt Text to Your Favicon

Once a favicon is chosen, add alt text to describe your image. Alt text will be displayed when an image can’t load.

  • Click Edit.
  • Enter a brief description of your favicon image in the Alt text field.
  • Hit Save.

Learn more: How to Write Shopify Product Descriptions That Inspire Purchase

Add alt text to the favicon image

Step 8: Save Your Favicon

Remember to click Save to save your changes.

Save changes to Shopify

Now the selected favicon is displayed on your browser tab next to your website’s title.

The selected favicon appears in the browser tab and bookmark bar.

Build conversion-oriented pages fast and effortlessly
GemPages helps to create and publish your first store page with diverse templates and intuitive Editor.

Boost Your Brand Recognition With A Favicon!

Whether you are starting out with Shopify or are a seasoned eCommerce expert, having a well-designed favicon on your Shopify store brings you one step closer to creating a strong and professional brand identity.

But don’t stop there and settle for a run-of-the-mill online store when you can take your business to a higher level with GemPages, our powerful and user-friendly page builder.

Let GemPages be your right-hand person to elevate your storefront and build pages that actually sell in no time. 

FAQs about Shopify Favicon

Can I add a favicon to Shopify?
Yes. Adding a favicon to Shopify is a straightforward process. Check out our guide to add a favicon to your Shopify store in 8 easy steps.
How can I change my favicon on Shopify?
You can change your favicon on Shopify by following these steps:

1. Go to Online Store -> Themes.
2. Click Customize.
3. Select Theme Settings.
4. Click on the Logo section.
5. Hit Change in the Favicon image area to change your favicon image.
6. Click Save to save your changes.
What is the optimal favicon size for Shopify?
The optimal size for a favicon on Shopify is either 16x16 pixels or 32x32 pixels. If your favicon image is too large, it will be scaled down to 32x32 pixels once you upload it to Shopify. Check out Ultimate Shopify Image Size Cheat Sheet to learn more about Shopify image size.
What image format should I use for a Shopify favicon?
For optimal clarity and sharpness on all web browsers, the image you use for your favicon must be in one of the following formats: .jpg, .gif, or .png.
Topics: 
Guides

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands