Tutorial: Make a Custom Favicon
So, um, what’s a Favicon? And why would you want a custom one? Well, a Favicon is that little symbol beside your website address. And, um, why wouldn’t you want a custom one? I mean, duh, the Blogger Favicon is ugly as all get out, no?!? So, let’s learn how to make one of our own, ‘kay?
1. Let’s take a look at that Blogger Favicon one last time:
2. So, let’s start with making a custom favicon, using your design program of choice (Photoshop, Photoshop Elements, Gimp, Paintshop Pro, yada, yada, yada). Make it 16px x 16px with a resolution of 72 px/inch:
I know, it’s really tiny, but it’s supposed to be. So, anyhoo, decorate it to your pleasing. Obviously, keep it simple, cuz, again, it’s tiny. I used the letters, BSD, for Bright Sunshine Designs, and I gave it a blue background to match the look of my blog, but you can do whatever you like. My only recommendation is to fill the background with a solid color (even if it’s just white), as transparent images do not turn out well.
So, once you’ve designed something that you like, save it as a jpg, png, or gif (whatever your preference is), and save it to your desktop (makes it easier to find it in the following steps…)
3. Next, we’re going to upload it to a FREE Favicon hosting site. I use this one: