Export a favicon from Photoshop
![]()
2. Design your 16×16 icon (or resize something larger), and select “save as”.
3. Select the ICO format, and save your file as favicon.ico.
4. Upload your new favicon.ico to the root directory of your website.
5. Add this code inside the <head></head> section of your pages:
<link rel="shortcut icon" href="http://www.yourdomain.com/favicon.ico" />Not only is this a nicer method than using those online favicon creators, but it also works for making favicons with transparent backgrounds.






Comments
Jeff
February 6, 2010Yes, this is exactly what I’ve been looking for. I saw you at the DP forum and am glad I found your site – great tutorial. Thanks!
Leave a comment
This is a dofollow website. If you leave a comment, then we'll give you a backlink.Please be aware that this website is strictly moderated. If you post spam, you'll get a slap.