Blog
WordPress, Shopify, Wix, and Squarespace all have built-in favicon options. None of them generate every size your site actually needs. Here is how to add a favicon on each platform, why the built-in options fall short, and when to generate all sizes yourself.
| Platform | Where to Set It | Upload Size | Generates ICO? | Apple Touch Icon? | Android Icon? |
|---|---|---|---|---|---|
| WordPress | Settings > General > Site Icon | 512x512 | ✗ No | ~Auto-generated | ~Auto-generated |
| Shopify | Online Store > Themes > Customize > Favicon | 32x32 | ✗ No | ✗ No | ✗ No |
| Wix | Settings > Favicon | Any square image | ✗ No | ~Handled by Wix | ~Handled by Wix |
| Squarespace | Design > Browser Icon | 300x300 min | ✗ No | ~Auto-generated | ✗ No |
| Webflow | Project Settings > Favicon | 32x32 + 256x256 | ✗ No | ~Separate upload | ✗ No |
| Ghost | Settings > Publication icon | Any square image | ✗ No | ✗ No | ✗ No |
Every CMS handles favicons differently, but they all share common gaps:
For a personal blog, the built-in option is fine. For a business site where brand consistency across every touchpoint matters, generate all sizes yourself.
Quick method (built-in):
Complete method (all sizes):
<head>), or use a plugin like "Insert Headers and Footers" to add them without editing theme filesQuick method (built-in):
Complete method (all sizes):
Wix: Settings > Favicon > Upload Image. Wix handles resizing internally. For most Wix sites, this is sufficient — Wix does not easily allow custom HTML in the head section without premium features.
Squarespace: Design > Browser Icon. Upload at least 300x300. Squarespace generates the browser tab icon and a basic apple-touch-icon. For Android home screen icons, you would need to use code injection (available on Business plan and above) to add custom link tags.
If you have direct access to your HTML files and server, you have full control:
Generate every favicon size — upload the right one to any CMS.
Open Favicon Generator