How to Install a Favicon

written by:
posted on: January 16, 2018

A favicon is a small icon visible near the address bar at the top of your browser. You customize these icons depending on what type of image you upload to your site. Pinterest uses favicons next to the source information in pins to confirm rich pin verification.

Since the site icon graphic is small, letters or monograms work best as a favicon. Details and thin accents are difficult to see.

Adding a favicon to your blog is incredibly easy. Over the year, WordPress developers improved this process. It’s one of the easiest tutorials I have on my site. You have no excuses for not having a favicon!

Why You Need a Favicon?

This little image can speak volumes about your site. As a logo is the first impression, a favicon contributes to your overall brand identity. This small little image is an extension of your brand; it contributes to you building a consistent and memorable brand experience. If you do not complete this field when you setup your site, a default icon could appear either from WordPress or your host.

Design a Favicon

Either in Photoshop or Illustrator, create a favicon for your brand. You can download my free favicon templates (come in either format), and customize them with your brand colors. Export your favicon as PNG file with a transparent background. I find that white backgrounds on favicons look sloppy. Please note: for WordPress websites, your favicon should be at least 512 pixels tall and wide.

Install a Favicon

Once you have designed and exported your favicon, it’s time to install a favicon to your site. If you have a particular theme, there might be different instructions. However, most themes should follow this approach:

  2. Select the SITE IDENTITY section.
  3. Under SITE ICON, upload your image. It will show up in the preview. It might look a little different in the box (but check the preview version and at the top of your current browser).
  4. Press SAVE & PUBLISH.
  5. Clear your cache after you make changes. It might take a few hours for Pinterest to update with these changes.

That’s it! It’s a quick design factor, but it speaks volumes to your brand!

Editor's Note

Some of the links included throughout this website are affiliate links, which means that Lindsay Humes LLC receives a small commission when certain items are purchased. These affiliate links provide a means for the site to earn revenue and generate free content for readers. For more details, read the privacy policy here.

Blog Design Lindsay Humes
Meet The Author: Lindsay Humes

Leave a Comment

Your email address will not be published. Required fields are marked *

Join The Blog Better Audit!

Subscribe to join thousands of other creatives, bloggers, and freelancers and receive my free email course on how you can improve your WordPress website. My newsletter is full of tips on how you can grow your audience with actionable exercises that do not require a designer or developer!