So you are ready to get your own favicon, yeah? But you don’t have Photoshop or the like and are pretty much at a “What do I do now?” place.
I getcha. I really do. Who has money for all that? (Sidenote: You can get Adobe's Photoshop CC for $9.99/mo and it's totally worth it.)
You want something free that is not a favicon generator. Not that there is anything wrong with that– you just want to have a tidge more control. Again, I am with you homie.
That’s where PicMonkey will become your new BFF. The good people at PicMonkey have recently added a new “design” feature that lets you have a lot more control over your photos AND let’s you create graphics such as a…wait for it…favicon! Did I mention you can do that for free?? Yes, they have a Premium Account, which is defs worth it, but it’s not necessary to create a basic, but clean favicon.
Before we get started on the tutorial– let’s go over a couple of guidelines for these little favicons:
- They are tiny. Like really tiny, aka 16 x 16 pixels. See that pink box? Yep. That’s all.
- Because of their size, there is not a lot of room for great detailed images or tons of text. Look at some websites’ favicons.
:: go ahead. I will wait.::
See? Most are one image or a couple of letters/numbers.
Keep this in mind when deciding on a design for your favicon.
Okay– I think you are ready to make some magic here.
(Note: In the following graphics, you will see ads either on top or bottom. I left those in on purpose to show that you can create a graphic on the free account. If you choose to become a Premium Member, those ads disappear. Trust me, it was painful to leave those in.)
1. Go to PicMonkey
2. Choose your size
3. Enter the pixel size
For this tutorial, we will use 64 x 64 pixel size. Your favicon will appear as a 16 x 16, but WordPress and Blogger will accept this larger size and do the re-sizing for you. It helps to have a larger canvas.
4. Choose a background
For this tutorial, we will create a text based favicon with a colored background. You can also create a transparent background and utilize the vast shape library PicMonkey has to offer. (Note: some options are premium)
5.Select the text option
6. Add your text
7. Select the shape option
8. Create your shape
9. Save your little box of genius
10. Choose your format
Wondering which format to choose? In general, if there is text involved or if your image has a transparent background, you need to choose .png. If your creation is a photo (in this case it would have to be a tiny photo), choose .jpeg.
And BOOM! You’ve made your very own, shiny new favicon!
If you are asking, ok, now what? Check out my post on Favicons and Why You Need Them for an uploading tutorial.