Is it possible to change the size of favicon icon in Shopify (Debut Theme)?
It is automatically getting scaled down to 32 x 32px.
Topic summary
Topic: Changing favicon size in Shopify’s Debut theme and its impact on browsers/Google results.
- Shopify auto-scales the favicon to 32×32 px. One suggestion was to edit /layout/theme.liquid (line 11) and replace “32x32” with the desired size, though no code was provided.
- Rationale given: browsers load 32×32 favicons; larger files add weight without benefit. Another view cited Google’s guideline that favicons for search should be 48×48 (or multiples), prompting confusion about the correct base size.
- Clarification offered: common sizes—16×16 (used in browser/search display but not recommended as the base), 32×32 (recommended base), 96×96 (desktop/Google TV). Claim: Google will downscale from 32×32 to 16×16 for search. Recommended format: .png (avoid .svg/.jpg). If the favicon doesn’t appear, request a recrawl via Google’s tool.
- Latest update: Changing the size in theme.liquid did not affect the displayed size (still small), suggesting the edit may not work or other caching/indexing factors apply.
Status: No definitive resolution; guidance provided, but effectiveness remains unconfirmed.
Hi there,
Jack from OpenThinking here!
Browsers load 32x32 favicon. Loading bigger size slows down your site and will not provide any benefits.
said that you can change the size like so:
Navigate to /layout/theme.liquid open the file and on line 11 change: '32x32’ with the size you desire.
let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.
Hey, I just stumbled across this post and I have this huge problem of my favicon not showing up on Google Search Results on the phone. Now shopify scales down to 32x32 px but according to Google guidelines for favicons appearing it says the favicon has to be 48 px squared so either 48x48, 96x96 and so on.
That’s why I was thinking if he had the same problem and he wants to resize it to 48x48 px? Is this how it works?
- 16x16: browser favicon / Google Search Results [Don’t provide a 16x16px favicon as base favicon size.]
- 32x32: taskbar shortcut icon
- 96x96: desktop shortcut icon (and Google TV)
unless you want to target also Google TV or similar the 32x32 icon is the right Favicon size since Google will rescale your image to 16x16px for use in search results.
Keep in mind that the preferred file extension for Favicon is .png (old one was .ico) so do not use .svg or .jpg
If you’ve done everything right and your icon isn’t showing still, you can request a recrawl of your URL: here’s a guide
Hi, I have done the steps on line 11 from theme liquid and it didn’t really work it looks the same size, very small.