So I’m supposing you came here from your site customisation page because you saw that little ‘add favicon’ option and had either no idea in seven hells (if you get that, we’re friends) what a favicon is or you want to know how to make a favicon. Either way, you’re in the right place.
What is a favicon?
A favicon is basically your site or blog logo. Ever noticed that little symbol next to your blog name in your browser tab? If you don’t have a favicon it’s probably going to display a blank rectangle with a folded edge. Not attractive. If you do have a favicon, however…
Why is it important?
A favicon can help brand yourself, and help people recognise you. It also just adds a clean and customised look to your site. Branding + customised go really well together! Favicons are, in that sense, very important.
What makes a good favicon?
(I’m currently designing my new one, so don’t click right away from here). I think that you should go for a logo or icon rather than a picture of you.
First, the favicon will be too small for anyone to recognise who is in the picture (they could only guess).
Second of all, if the logo follows you colour palette, it could go very well with your blog itself and help you brand yourself better.
Or, it could have a clever play on pictures. Like my blog name right now is Carleton Caws, and however irrelevant, my favicon is a crow with an open mouth, showing that it is cawing. I’m not very fond of this, since it doesn’t really give a very good impression of what my blog is about, so I am on my way to changing that.
What do you need?
Adobe Illustrator. You can try free editors, like Picmonkey or Canva, (that’s where I got the vector crow image) but I think to really make it attractive, you need something like Illustrator. I’m Adobe all the way, and they seem intimidating at first because of the price and the vast array of options, but trust me, it’s very cheap (they have a monthly subscription now) and it’s easy. I’m thirteen and I self-taught myself in Photoshop, Lightroom and Illustrator and a few days later I had already created a million Pinterest graphics in Photoshop, edited a million pictures in Lightroom and made six icons in Illustrator. All self-taught.
Alternatively, you can also use Photoshop for icon-making, but ultimately it comes down to what you’re comfortable with. I love both but I use Illustrator for icons and logos and Photoshop for Pinterest and blog graphics. But, at the end of the day, you do you and that is what will produce the best result.
Step 1: Open your site customisation panel on your blog. In WordPress this will be appearance > customise. If you’re on Squarespace, you’ll login and click on your site. On Blogger you’ll click on ‘layout’.
Step 2: Check the ‘favicon’ options. Usually this will be in the ‘header’ or ‘site logo and title’ or ‘site identity’ sections of the customisation panel. There, they should usually tell you the required size for the favicon.
Step 3: Open Adobe Illustrator or Photoshop and click ‘new’. Put your required size for the favicon in the dimensions. If your site only told you it should be a square, then anything from 100 by 100 to 300 by 300 will work just fine.
Step 4: Create your logo. Put your back into it, take your time and do well, and if you have a logo (which you should) you should make sure it is reminiscent of it or is it itself.
Step 5: Export and upload! Once you’ve made your logo, go ahead and export it, and then upload it to your website from your customisation panel. You’re all set!
- 8 Tips to Improve Blog Design
- How to Choose a Niche for Your Blog
- Choosing the Right Blogging Platform
PIN THIS POST: