Design tip -- Favicons - that small icon in the address bar.

I was struggling to find a freeware application to convert image formats to .ico and finally I came across a website that does this for you online for free. The link is http://www.favicon.co.uk/

Hope you guys find it usefull as well..

its best to use photoshop to create icons, i believe the plugin is called icon factory, just use any image and crate an ico file, simple, easy and fast
google the plugin, type "photoshop icon factory"

good luck

I like http://www.favicontool.com - Easy to Use & Brower incompartibility.

Okay, I see about the code but..

I just recently finally got a domain after years of badly wanting one and looking for free hosts and all that, it's at 2iphost.com thing, but there I can't quite get what my main directory is. I'll try that code and if it doesn't work, I'll show what the situation is and hope for help how to make it work.

You can change blogger favicon by using this code. I have also did it on my blog.

Some time ago I Googled for some type of icon utility that would create icons from scratch or convert standard images (.jpg, .bmp, .gif, etc) to .ico, and found Icon Art 2.0, and have since been an icon-creating fiend. I make icons for desktop icons, file folders (including many programs on the Program Files folder, if the .exe contained does not already offer one, or if the default sucks), and URL bookmarks/favorites shortcuts.

I'm happy with it, it gets the job done, and I can not only create or convert, I can edit too. It was freeware - not bad at all when you consider "you get what you pay for" these days.


WTW

A free utility for Windows and Linux is png2ico, Extract it to the C Drive.

Then, create an image that is at least 32×32 pixels in your image editor.

For Photoshop for example, Create a new doc, Set 32×32 pixels for the size. Create our website graphic.

Do a 'Save for Web' and save it as a PNG with a filename such as icon-32.png to the same folder as the program. To reduce the size you can decrease the colors to 16

Now, resize your website imae to 16×16 pixels. Save it as a PNG filename (icon-16.jpg for example) in the same directory.

Next, open up the command line - Try Start → Programs → Accessories → Command Prompt. Go to the same program/file folder were png2ico.exe is located, and merge the two PNG files you made into one ICO file.

For example - png2ico.exe favicon.ico --colors 16 icon-32.png icon-16.png .
Now, you should have your website favicon created. Upload it to the root of your site, and link it with something like <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />

Hope this utility idea helps your website development efforts!

Stathi

Hello dear,

Thanks for share with us good knowledge. Good keep it up.

if you have photoshop, i used the telgraphics plugin

http://www.photoshopsupport.com/tutoria ... vicon.html

I'd bother more to do this if IE would play nice, but they just put in that stupid [huge]e[/huge]

You know you are ment to call it a favicon.ico and not use CAPS but it still works so it would be

Well, for the record, four years ago when I first posted this it all worked just fine with HTML 4.0

yeah it's in XHTML 1.0 where all tags are now lowercase and thus the capitals one doesn't validate ...

i use a plugin for photoshop called iconfactory, it converts any image or anything you crate into an icon file ICO,

A long time ago i have read an article explaining why that happens - why fabicons disappear from favorites list, leaving behind them a regular 'e' logo
It was such a silly reason, nothing to do with downloading programs to fix it.

But theres no chance i can recall where or even when i read it.