January 09, 2012
Posted by Chris 18:58 5 comments
What The Funk is a Favicon?
A sample of popular favicons.
A favicon is known as many things; a website icon, favourites icon, bookmark icon etc. It's the small icon displayed next to a website’s URL. Popular icons like Google, Facebook, and YouTube etc. are instantly recognisable, therefore sometimes only requiring their favicon for users to find them. Having your own favicon separates your URL from your blogging platform and gives your site more credibility.
Using an Image.
Creating a Favicon From Scratch.
Depending on your blogging platform, you may be able to upload an image which is resized straight away and ready for use. On blogger you’ll have to upload an image less than 100kb. If you don’t use Blogger there free websites which offer free image resizing. You could also use a website like Favicon.co.uk to create an icon from any image on your computer. If you're wanting to change the favicon of a site which isn't on a blogging platform, you'll need to upload your favicon.ico into the root directory of your website. The root directory is where your main index.html page is located!
If you’d prefer to create an astounding favicon from scratch, DeGraeve is a good place to start. Here you can paint a glorious masterpiece of art imprisoned by a 16x16 pixelated cage of emotion. Although if painting isn’t your forte, and by painting I mean sloppily colouring a few measly pixels which my grandmother could probably do with her eyes closed, then this generator also allows you to upload an image that can be cropped and then edited with the palette.
Other websites which allow you to create a favicon are:
Or you could just swerve this funny business and use Photoshop.
Note. While normally favicons have the file type .ico, depending on your browser you may be able to use other file extensions for your favicons. Check out this table below, courtesy of Wikipedia.