Welcome to WebmasterWorld Guest from 54.205.37.110

Forum Moderators: not2easy

Message Too Old, No Replies

handy trick for making favicons

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

5+ Year Member



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

enjoy!

Ed

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

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

WebmasterWorld Senior Member 10+ Year Member



haha

that's great - cheers Edzillion.

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

WebmasterWorld Senior Member 10+ Year Member



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

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Stop all those favicon 404s
[webmasterworld.com...]

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. :)