How to Make Your Own Favicon
Posted on May 4, 2010 | 10 comments
What is a favicon?
The favicon is the little logo in the address bar next to your url. Take a look at the ones on Google, Facebook and Twitter for example 
It’s a great way to help your site stand out amongst many bookmarks. When you have a favicon installed, your visitors will see your favicon icon instead of the current black page graphic.
If you bookmark KatGirl Studio you will notice the favicon looks like this 
How to make your own favicon?
- To make your own favicon, first open a graphics software like Photoshop, illustrator etc. Created a new file that 16×16 pixels in size and 72dpi.
- When saving your file use save for web & devices located under file. Save you graphic as a BMP, GIF or PNG with no more than 16 colors.
- Next download Infranview if you don’t already have it.
- Open your graphic in Infranview and save it as a ICO and name it favicon
- Next download the FileZilla Client or use another piece of FTP software (what you use to upload files to your website). Log on and drag/upload these two files favicon.gif (or whatever file format you created) and favicon.ico onto your website.
- Lastly you need to add the following code to the <head> tag of your html : <link rel=”SHORTCUT ICON” href=”http://www.yoursite.com/favicon.ico”>
- If you are using WordPress log in to you WP Admin go to your Theme Options > Integration and add the above code to the <head> section. And hit save at the bottom.
- You are now finished. Your favicon is now viewable to everyone who isn’t using a really old browser. It should be visible to you the next time you open a browser.
Thanks for a great post and interesting comments. Thanks for sharing this information.
Awesome post. Thanks for sharing I’ll post this to my facebook about this too.
I read your blog all the time and I just thought I’d say keep up the terrific work!
Nice discussion here. I want to join with you by giving my comments in your web page. First of all, your page and design of your website is so elegant, it is attractive. Also, in explaining your opinion and other news, frankly you are the best one. I’ve never met other person with special skills in my working environment. By using this comment page, you are great to give me opportunities for announcing some events. Secondly, I’ve checked your website in search engine result page; some of your website pages have ranked very well. Additionally, your topic is relevant with my desired one. Lastly, if you don’t mind, could you join with us as a team, in order to develop website, not only general web page, but also many specific websites we must create for our missions. From time to time, we, I and my team have great position for you to develop that.
Thank you =^.^=
We do offer web design services over at our sister site Deep Blue Web Design
Hello, As a Newbie, I’m constantly searching on the internet for posts which will assist me. Thank you.
No problem เà¸à¸¡à¸ªà¹Œ that’s what we are here for =^.^=
Great Post!
Thank you for the article. Good read.
Nice article. Much appreciated.