Export a favicon from Photoshop
Posted in Tips, tricks & tools
4 Comments
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!
Cheap Wildcard SSL
March 20, 2010Yeah,
I found your tutorial on digitalpoint forum.
I agree with you.
Thank you for great information.
Website Security
September 20, 2010I’ve been looking for something like this as it is something I’ve been meaning to create for a while. Thanks a lot!
Vicki Doherty
October 31, 2010Thanks for the info about creating a favicon – but I use Webeasy (sort of WYSIWYG) and don’t actually get to see a ‘source code’ so am not sure where to place the code …. I hope this makes sense. regards, Vicki
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.