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

April 13th, 2008, 7:01 pm

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

April 14th, 2008, 5:03 pm

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

May 14th, 2008, 1:28 am

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

June 20th, 2008, 5:25 pm

Okay, I see about the code but..

Code: [ Download ] [ Select ]

<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

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.

June 25th, 2008, 10:12 pm

ATNO/TW wrote:

Here you go:

Code: [ Download ] [ Select ]

<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

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

August 8th, 2008, 11:47 am

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

August 8th, 2008, 7:10 pm

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

August 19th, 2008, 11:47 pm

Hello dear,

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

August 30th, 2008, 4:50 pm

if you have photoshop, i used the telgraphics plugin

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

September 11th, 2008, 7:45 pm

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

September 20th, 2008, 10:43 am

vikashktr wrote:

ATNO/TW wrote:

Here you go:

Code: [ Download ] [ Select ]

<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

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

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

Code: [ Download ] [ Select ]

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/favicon.ico">

[ATNO/TW]

September 20th, 2008, 2:02 pm

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

[righteous_trespasser]

September 23rd, 2008, 4:21 am

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

December 3rd, 2008, 12:49 pm

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

December 18th, 2008, 3:01 pm

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.