A favicon is the small icon that appears next to your website’s name in a browser tab, in bookmarks, and in browser history. It’s a small visual detail, but a missing or generic favicon makes a site look unfinished and harder to spot among a visitor’s other open tabs.

Where a favicon actually shows up

Beyond the browser tab itself, favicons appear in bookmark lists, browser history, some search engine results pages, and when a site is saved to a phone’s home screen. It’s a small piece of branding that shows up in more places than most site owners initially realize.

Why it matters more than it seems

When someone has a dozen tabs open, a distinct, recognizable favicon is often the fastest way they identify and return to your site. A blank or generic default icon blends in, making a site harder to relocate quickly, a small but real usability cost.

What makes a good favicon

Because a favicon displays at a very small size, simple, high-contrast designs work far better than detailed logos that lose all legibility when shrunk down. Many sites use a simplified version of their logo, like just an initial or icon element, rather than their full brand mark.

How to actually add one

Most CMS platforms, including WordPress, provide a straightforward way to upload a favicon through site settings or customization options, without needing to edit code directly. The image typically needs to be a specific small size and often a square format, with the platform handling the technical implementation from there.

Frequently asked questions

What size should a favicon be?

Common sizes include 16×16, 32×32, or 512×512 pixels depending on where it will display, with many platforms accepting a single larger image and generating the smaller sizes automatically.

Can a favicon be the same as a website’s full logo?

It’s better to use a simplified version, since detailed logos often lose legibility at the very small sizes favicons display at.

Does every page need its own favicon?

No, a single favicon is typically set once for the entire site rather than per individual page.

For more practical website guidance, see Talmyn’s Tech & AI Evolution desk.