Posts
Free Favicon For Your Blog
Sorry, did I say free? I meant freelance! It's not a shame if you don't know what a favicon is, Wikipedia is here to help. "A favicon (short for 'favorites icon')..is an icon associated with a particular website or webpage. A web designer can create such an icon, and many recent web browsers can then make use of them. Browsers that support favicons may display them in the URL bar, next to the site's name in lists of bookmarks,.. etc."Why do bloggers need a favicon? Having a favicon is yet another way to establish your identity and make it easier for people to remember your site among a pile of places. These icons are everywhere (bookmarks, tabs, URL) and are often used on other sites for blogrolls. The favicon is such a simple piece of promotion, you really should have no excuse for not implementing it straight away. Think about all the extra exposure you can get. Creating a favicon is quite easy if you are, well, creative.
How to create a favicon? Any appropriately sized image can be used (16×16 pixels). Personally, I find Microsoft Paint to be the best tool to play with pixels, given there is some image (like a logo) to play with in the first place. Then, use a generator to create the ICO file. Note that an ICO file is not just a renamed BMP (bitmap). It is a completely different format. Think of it as an archive of images (they can store other sizes at the same time). Although, browsers these days support other file formats as well, such as PNGs and GIFs. Finally, when you have created your favicon image, simply upload it to the root of your site and add the HTML code to the head of your page. Guidelines are in the Wikipedia link above.
Looking for some inspiration? I'm pretty sure you have seen some nifty icons while browsing the Web. Look at your bookmarks to see which ones stand out. Alternatively, check out the 50 remarkable icons organized into categories by Smashing Magazine. Then there are examples from my designs. Apart from my own blog, I have created a number of favicons for other sites. For example, when I designed the logo for GR8Egypt, I also used the associated brand image for the icon.
Here is a selection of my pixel art:
GR8Egypt - Collection of interesting stuff to keep you entertained.
Blogger Power - Safeguard the Web for children.
John Chow - The Miscellaneous Ramblings of a Dot Com Mogul.
MyBlogLog Blog - The official blog of your favorite social network.
Brohans - Hand picked videos for crazies.
Quickest way to get a favicon? For those of you who are not technically inclined, I can design a fabulous icon (compliant with multiple browsers) for just 20 bucks. I can work from the look and feel of your blog, or any images you provide. Let me know by email if you are interested.
21 thoughts:
Haha.
"Sorry, did I say free? I meant freelance!"
Favorites icons are the way to go. When I add links to my blogroll I always put the favicon in front.
I love favions. They help me muddle through my massive amounts of bookmarks. :)
Great posting about Favicon.. I think it is very important.
Please check out mine to at www.feridun.info
@Feridun: I checked your site and putting your picture as a favicon always works as well.
However, you can avoid clutter and obscurity by cropping the picture, like I did for John Chow's icon.
Think about that certain bit of you that is more likely to be remembered (certain look or smile for example).
Favicons are so important as they can make your site stand out of the crowd. You wouldn’t think that a 16×16 block of pixels could do that but it can contribute to making or breaking a blog.
For more favicon inspiration, take a look at these galleries I just found:
- Favorite Favicons
- Sequential Gallery
- Distinctive Designs
I'm Sorry. I Need more information about favions. May you help me?
@Astaqauliyah: Sure! Which part of the process are you stuck? Feel free to drop me an email.
Hi, I'm relatively new at this & I'm not quite certain about the following:
"simply upload it to the root of your site and add the HTML code to the head of your page."
What is the HTML code I need to add?
Also, my blog is hosted by blogger so I don't know exactly where to post the code once I have it on the blog template.
Would appreciate some help here.
Thanks
Rick
@Rick: If you are using blogger then you can upload your GIF image with the size 16x16 pixels to ImageShack for free hosting and then paste the following code right after <head> in your template:
<link href='URL' rel='shortcut icon'/>
<link href='URL' rel='icon'/>
Before you save the template just make sure you replace URL in the code above with "Direct link to image" address given to you after you upload your icon to ImageShack.
Ilker,
Thanks for your help. I have successfully created a favicon for my blog. I really appreciate your help.
You icon-making skillz are impressive. Keep up the good work!
Yeah, I really need to clean up my favicon (It was my first). Good advice, as always.
Even i had a strong suggestion from my friend to create a favicon.The one of my friend did for me.Finally i have one now , i m just missing one logo ...to bad i am bad at designs lol
I too like and use faviconjs for my blogs and sites, but... I mostly use those free icon images... Maybe it was not such as good idea and I will design something by myself, but right now I am happy with my current ones LOL
Thanks for nice post and have a great day!
Inga
I need help for this contest. I have found all of the fvicons, except: i,P,L,V,Z
Do you know any of them?
Thanks!
http://www.tallmania.com/
eyeballbendersalphabet/
contestAlphabet.html
hey anonymous i know u go to the EBV school and i know where u live and u live in maracaibo i will kill u
mm... interesting style :)
анжеро судженск секс
порно видео кадры
бесплатные порно ролики скачять
порно межрассовый секс
гей секс скрытой камерой
What do you think? Post your thoughts..