Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

handy trick for making favicons

4:15 pm on Apr 4, 2008 (gmt 0)

Junior Member

5+ Year Member

joined:Feb 4, 2008
posts: 80
votes: 0

Heres a trick I stumbled on.

Making favicons with photoshop or one of those online utils can be a really slow process, and a lot of the time it is hard to tell before you start whether an image will work at 16x16 pixels.

Heres a quick way.

Make a fairly small version of the image. I made on at 50x50 pixels (it was originally gonna be an avatar). Host it on a page on its own. Then bookmark it and put it on the bookmarks toolbar in FF. Firefox makes a 16x16 version for you. Then do a screen grab and cut out the icon, and save as favicon.ico



[edited by: tedster at 4:48 pm (utc) on April 4, 2008]

9:29 am on Apr 5, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
votes: 0


that's great - cheers Edzillion.

2:55 pm on Apr 5, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 7, 2002
votes: 0

clever ..thanks ed
4:02 pm on Apr 5, 2008 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 27, 2001
posts: 12172
votes: 61

Stop all those favicon 404s

I've been obsessing over favicons these days. So much so, that some of the sites I manage now have a library of favicons that apply to different sections of the site, http vs https, etc.

There are a plethora of online tools that allow you to generate favicons on the fly. And, you can even do animated image and text versions. :)


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members