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:
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:
![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
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.
Select the image you want to use as the Site Icon.
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.