20111014

How-To: Bartender, Creepy Favicons for Everybody!

  creepy rabbit   coming to get you    little hand puppet    with an evil agenda

What the heck is a favicon?  It's that teeny square symbol at the top of your browser that identifies specific sites, like Facebook's "f," Gmail's envelope, and so on.  Might also be able to use these to visually punch up your emails.  Little devil heads instead of periods, something like that.

I thought it would be fun to figure out how to make your own favicons.  Naturally, the more shudder-inducing, the better.

Just go to a site like Favicon.cc. Design virtually any icon you can think of, pixel by pixel, in any color, and you can even animate it.   It's actually quite easy.  Then you just download it, and point to it when you're creating your own blog or site.   Better yet, you can upload photos if you can't or don't want to draw.

1.  Select your desired creepy photo (left).  Don't find rabbit hand puppets creepy?  It has another mouth below its chin.

2.  Crop it square.

3.  Pull it into the favicon generator

4.  Download it as a favicon.ico file and publish it to your webserver/blog directory in the appropriate spot.
5.  If you did it right, it will appear like this: .  You can amuse/terrify yourself by magnifying it in a photo viewer to its full 16x16 pixelated goodness.


No comments: