Katie Kinsley

How to Create a Favicon For Your Website

What is a favicon?

A favicon is a tiny image (icon) in the .ico format instead of the usual .png or .jpg. It is added to tab of the website browser. In the example below, Google uses their infamous G as their favicon.

The .ico format is specific for the browser settings.

The usual sizes of a favicon are 16×16 px, 32×32 px and 48×48 px. These files are tiny and leaves you little room for error. If you have a logo already, you can use that in your favicon

Google Favicon

Why do I need a favicon?

If you are partial to creating a brand for yourself, then adding your logo as your favicon will help. This element creates brand awareness by displaying your logo in another area that is easily identifiable. Think of it as a finishing touch on your website.

How to create a favicon for your website

1. You can use Photoshop or Canva to create a 16×16 px, 32×32 px and 48×48 px canvas. You can work on a larger scale at first, then export into a the tiny sizes when you’re finished.

2. You can use a favicon generator tool.

Have you used another tool to create a favicon? Let me know in the comments below!

Leave a Reply

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

Dallas Dreamhaus Katie Kinsley Selkie Puff Sleeve Dress

Hello I’m Katie!

Katie Kinsley is a Texas-based digital marketer and aspiring influencer. This is a lifestyle blog focused on Katie’s work-in-progress life. She’s focused on creating joy in the everyday, sharing adventures throughout Dallas/Ft. Worth (and the world), and empowering women to find their confidence — all in her unique unfiltered style.
KK Logo transparent

Recent Posts


Please note that I use affiliate links in my content as well as on my social media accounts. When you click and shop the links, we receive a commission. Sponsored posts are noted as such. Please see my full disclosure policy for more details.

You'll also love