Favicon for WordPress Building Blocks

How to Add a Favicon to Your WordPress Site

Ever wondered how some websites get that cute little icon attached to the browser tab? You know the one I mean. It’s called a favicon — on this site, it looks like this:

Favicon for WordPress Building Blocks

It’s called a favicon.

It used to be you had to jump through some hoops, either by modifying code or adding a plugin. Some themes gave you the opportunity, but not many.

Now, it’s part of WordPress. No more plugins or special themes needed.

So, how do you install a favicon on your WordPress site?

Choose an Image

If you have a logo that’s clear and distinctive, you can make a favicon out of a mini-version of the logo. If not, you’ll need to come up with a good image to use.

The important thing is that it be clear and clean when reduced to its very small size. It should be very clear to readers what the favicon represents.

Think about some that none of us have a hard time recognizing:

Gmail Favicon Disney Favicon Apple Favicon AT&T Favicon MasterCard Favicon Microsoft Favicon

Were there any you didn’t recognize, even at a teeny size?

That’s what you’re striving for.

Fortunately, you don’t have to start that small — WordPress wants you to upload a square image of at least 512 x 512 px.

Upload Your Favicon

Once you’ve got an image (by far the hardest step in this process), log into WordPress. Then click Appearance / Customize.

Select Site Identity.

Site Identity

Select the image you want to use as the Site Icon.

Site Identity panel in Customizer

Once WordPress has imported it, click the Save and Publish button at the top of the customizer. Then open a page on the website, and you’ll see it appear on the tab.

It’s a little thing, but it gives your site one more layer of professionalism and polish.