Your Website's Browser Tab Icon Is Blank. Here's What Actually Fixes It.

Your Website's Browser Tab Icon Is Blank. Here's What Actually Fixes It.

Open your own website in a new tab and look up top. If there's a plain gray square sitting where your logo should be, that's a missing favicon. Not a bug. Just an empty spot nobody's filled in yet.

A favicon is the tiny icon browsers show in a tab, in your bookmark list, and often right next to your site in search results on a phone. It's easy to forget because it's so small, usually 16 pixels across in a browser tab. It's also one of the cheapest, fastest brand fixes on a website, and most small business owners never touch it.

What actually happens when you upload one

Go to your website's Branding settings and drop in a JPEG, PNG, or WebP, up to 5MB. Cantrip handles the rest: it generates three sizes automatically, 16px, 32px, and 256px, and serves the right one wherever it's needed. Upload one file, and you're done with it.

Here's the honest gap, since I'd rather tell you than have you find out on your own: Cantrip doesn't generate an Apple touch icon. Save your site to an iPhone home screen and you won't get your favicon there. iOS grabs a screenshot of the page instead, or falls back to a plain rounded square. Not a huge deal for most small businesses, but worth knowing if you're picturing a clean home screen icon.

What actually makes a good one

Shrink your full logo down to 16 pixels and it usually turns to mush. Thin lines disappear. Small text becomes a gray smear. The favicons that actually hold up at that size are simple: one letter, one shape, one strong color against a plain background.

Look at your own open tabs right now. The ones you recognize instantly aren't detailed, they're simple enough to survive getting tiny. If your logo already has a standalone mark or symbol version, separate from the full logo with your business name spelled out, that's usually your favicon. If it doesn't, crop in on the boldest part of your logo and see if it still reads at a glance. If it doesn't, simplify it until it does.

Why it's worth five minutes

Nobody picks a business because of a good favicon. But a blank tab icon quietly reads as unfinished, even when a visitor can't say why. A dozen tabs open, and the one with an actual icon looks like a real business. The one with a gray box looks like it's still loading.

It's a small thing, and it's genuinely one-and-done. Upload a square image once, and it shows up everywhere your site does: the tab, the bookmark, most search listings on mobile. Most of what you do to a website needs upkeep. This doesn't.