Favicon
Two images that represent your store outside the storefront: in a browser tab, and in a link preview.
Settings
- Favicon image. 32 x 32px .png recommended.
- Social share image. Used as the Open Graph and Twitter image when a page does not have its own. 1200 x 628px recommended.
Favicon
The small icon in the browser tab, the bookmarks bar and the mobile home screen. Shopify resizes what you upload, but 32 x 32 px is the size it is actually seen at, so design for that:
- A mark, not a wordmark. Text is unreadable at 32 px. Use a symbol, a monogram or a single letter.
- High contrast, few colors. Fine detail turns to mud.
- Transparent background so it works on light and dark browser themes.
Until you upload one, the theme shows a placeholder icon of its own: a light letter on a dark rounded square. It keeps the browser from showing an error, but it is Pave’s mark, not yours.
Social share image
What appears when a link to your store is posted on social media or pasted into a messaging app.
This setting is the fallback. A page that has its own image uses it instead:
| Page | Image used |
|---|---|
| Product page | The product’s featured image |
| Collection page | The collection image |
| Article | The article’s featured image |
| Page, home page, everything else | This setting |
So the setting matters most for your home page, which is the link people share most often.
- 1200 x 628 px is the ratio most platforms crop to.
- Keep anything important away from the edges. Different platforms crop differently, and the safe area is the middle.
- Avoid text. It is often rendered small, and some platforms overlay their own.
Tips
- Set both before launch. Without a favicon your tab shows the theme’s placeholder rather than your brand; without a share image, a link to your home page previews with no picture at all.
- Check the preview after changing it. Social platforms cache aggressively. Facebook’s Sharing Debugger and X’s card validator will force a re-fetch.
- The share image is not the logo. It has room for a photograph, and a photograph performs better in a feed than a mark on a plain background.