Favicon

Overview

The Favicon theme setting group allows you to set the small icon—known as a favicon—that appears in browser tabs, bookmarks, and device shortcuts. This quick visual cue increases brand visibility, helping customers recognize your shop at a glance. Consistent use of a favicon also creates a unified and professional appearance throughout the customer browsing experience.

⚠️ Important: Adding a custom favicon is a simple but effective way to boost your shop’s visibility and ensure your branding appears consistently across browsers and devices.

Favicon

The Favicon setting is where you upload an image to represent your shop in browser interfaces, including tabs, bookmarks, and app shortcuts. This reinforces your store’s identity and strengthens brand recognition on every visit.

This group provides the following guidance:
Display a small icon in visitors’ browser tabs and bookmarks. This helps customers quickly recognize and return to your shop.

1. Upload a favicon image

   1. Accepted formats are png, ico, and jpg. Using a png file is recommended for sharpness and transparency support.

   2. Choose a square image—32x32 pixels or 64x64 pixels sizes work best for clarity at small scale.

   3. Select an icon with a transparent background for best results on both light and dark browser themes.

   4. If no favicon image is uploaded, browsers will default to a generic or blank icon, reducing your shop’s ability to stand out.

   5. Default: No favicon displays until you upload an image.

📝 Note: Once your favicon is set, it appears globally across your site, establishing a seamless and professional brand presence for all visitors.

Usage notes

1. Use a simple, bold icon that remains recognizable at small sizes.

   1. Avoid intricate designs or small text, which will lose clarity.

2. Check how your favicon appears with both light and dark browser themes to ensure good contrast and visibility.

3. Prefer a transparent png file for the most polished look and broad compatibility.

4. Keep your favicon’s file size as small as possible for optimal site performance.

5. Refresh your browser or clear the cache if the new favicon does not appear immediately.

💡 Tip: A crisp, distinctive favicon stands out in a crowded browser window and makes your shop easier to find among multiple open tabs and saved bookmarks.

⚠️ Important: Setting a favicon helps your brand look established and trustworthy, even before a customer visits your site.

🚧 Caution: Not all file types and image sizes are supported in every browser. Always test your favicon on different browsers and devices to ensure it displays correctly.

Resources