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

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Admittedly favicons don't work very well with MSIE browsers even though MS$ was the one who created the idea. God only knows when they'll fix their little glitch with it, but they (favicons) do work consistantly with Mozilla-based browsers.

The details of a favicon can be found here: http://favicon.com/

I'm posting this because I wanted to convert an image file to an icon file (.ico) that I wanted to use both for a desktop shortcut and an icon that I'm using for an application I'm writing at work...(Favicons are the same file format [.ico] as the shorcut images on your desktop and the images on the top left corner of virtually every program you use)

The hard part is finding a good proggy that will convert your image files to an ico file. I finally found it because I had an older version on my older computer and finally did a correct search for it. Believe me when I say this...the Icon Forge link posted on the favicon.com website is probably one of the worst written programs you'll ever want to deal with. I uninstalled and deleted it almost two minutes after I installed it. (P.S. the Icon Forge link was dead when I looked ealier today, but I did find several download links through various searches -- I say again -- not worth your time)

Bottom line, I finally "re-discovered" my favorite converter proggy here:
http://www.qtam-computer.com/bmp2ico35.shtml after I looked at my older version and finally figured it out.

As you can see when you download it, the freeware version will only convert bitmaps to icons whereas the paid-for registered version will convert other file formats. I'm perfectly happy with creating bitmaps. They've all turned out very well so far.

Unfortunately, IE just plain doesn't do the best job of displaying them as they intended. However, it is a really great way to customize your desktop icons. If you are creating an icon for a desktop shortut, I'd suggest doing it at 48x48 pixels (or 64x64). It will resize automatically anyway and maintain good resolution.

Well that's my tip of the day.
Moderator Remark: Dead/Duplicate link and spam check done, 3/21/2009
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

I use a program called Microangelo. I've used it for years. I don't think it's free, but it allows you to embed many icons into one. 16x16, 32x32, 256 color, millions of colors, etc.

It comes with a cursor studio, so you make animated cursors etc. as well as some other stuff. I believe there is a demo version, and if you don't mind forking over a few bucks (I think I paid $25 for it years ago) it's really good stuff.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

I mentioned in my initial post that IE has a dificult time dealling with Favicons. The biggest problem seems to be they constantly disappear from your Favorites menu and no longer display in the Address bar like they should. I still haven't found the answer to the address bar, but I did discover a solution to the Favorites menu.

The glitch appears to be that the IE "version" of the favicons is not stored "permanently". Apparently when they expire from the Temporary Internet Files folder or you clear your temporary folders they go away.

I discovered this evening a little proggy that finds and restores them and makes them permanent. (I've tried steps one and two, but it might take me a few weeks to confirm they still hang around).

Here is an incredibly good article from PC magazine regarding the issue:
http://www.pcmag.com/article2/0,4149,9883,00.asp FavOrg completely seemed to resolve the Favicon in the Favorites issue, but still didn't find any thing that would explain why the favicon didn't show up in the address bar. I'll keep looking for that.

In the meantime here's the proggy that will fix the favicons on your favorites menu:

http://www.pctip.ch/downloads/dl/18699.asp

I'm sure most of you are like me and don't understand German so here's the Google Translation

*Side note - my first attempt to download this was from the download link at the end of the PC Mag article, but it sorta pissed me off that I couldn't download it from there without subscribing first since it appeared to be freeware. So I went searching and found a half dozen or so downloads that were freely available. The one I posted above was the quickest and easiest. To the best of my knowledge I've done my best to research this and make sure it was truly a freeware proggy. There are no cracks or hacks involved. If any mod or Bigwebmaster feels otherwise feel free to edit my post to remove the download links.

Anyway -- the proggy did what it claimed it could do. I now have all those cool little favicons back on my favorites list.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Finally found the answer to the address bar glitch here:

http://www.webmasterworld.com/forum21/7024.htm

Quote:
Just a tip, IE caches the favicon so if you change it you'll have a hard time seeing the new one even if you clear your IE cache IIRC. Also, you can't see the favicon when you first visit the site, so a trick is to partially drag the 'e' icon out of the address bar and let go your mouse button, THat'll cause it to refresh and you can see it. Konqueror and Mozilla will show it automatically. Also, I've found photoshop best for creating favicons. The online tools aren't that great cos you dont get dithering etc.
  • rjmthezonenet
  • Expert
  • Expert
  • User avatar
  • Posts: 526
  • Loc: St. John's, Newfoundland, Canada

Post 3+ Months Ago

Quote:
The hard part is finding a good proggy that will convert your image files to an ico file.


I came across a web page last week that suggested that other graphics formats were supported. Sorry I don't have a link... on dial-up tonight. :oops:
  • yellow
  • Newbie
  • Newbie
  • yellow
  • Posts: 5

Post 3+ Months Ago

i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.
  • ctownstud00
  • Born
  • Born
  • ctownstud00
  • Posts: 2

Post 3+ Months Ago

Maybe I didn't read all of this thread, I thought I did, but once you have created an icon, how do you actually get it to appear on a Web site? What's the HTML?

Thanks in advance,
Sean
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Here you go:
Code: [ Select ]
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
  • Captain-Nick
  • Proficient
  • Proficient
  • User avatar
  • Posts: 333
  • Loc: North Lincolnshire, UK.

Post 3+ Months Ago

Quote:
Also, I've found photoshop best for creating favicons


I didn't know it was possible to create icons in Photoshop. How is it done? Or is this just refering to using a jpeg instead of a icon?
  • bluephoenix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 331

Post 3+ Months Ago

Captain-Nick wrote:
Quote:
Also, I've found photoshop best for creating favicons


I didn't know it was possible to create icons in Photoshop. How is it done? Or is this just refering to using a jpeg instead of a icon?


From a fresh install, Photoshop does not have the ability to save files as .ico. You can easily find a plug-in that allows you to save files as .ico, though. Search google.

(as for the actual creating of icons... you can do that in any program you choose)

I searched it for you, first results that came up: http://www.telegraphics.com.au/sw/
  • muppet_tizer
  • Newbie
  • Newbie
  • muppet_tizer
  • Posts: 10
  • Loc: http://www.@

Post 3+ Months Ago

Without doubt the best icon tools out there are:

Any to Icon

Icon to Any

These are usually packaged with

Art Cursors and

ArtIcon Pro
  • sannsar4
  • Student
  • Student
  • User avatar
  • Posts: 79
  • Loc: Prishtina / Kosovo

Post 3+ Months Ago

Big online favicon maker and favicon editor - Make favicons and desktop icons from any types of images and edit them in

http://favicon.ru/en/
  • narven
  • Beginner
  • Beginner
  • User avatar
  • Posts: 42

Post 3+ Months Ago

for creating favicon online... you can go to this links ... and make them directly online... :P

http://www.chami.com/html-kit/services/favicon/
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Posts: 6890
  • Loc: up a tree

Post 3+ Months Ago

Making .ico files such as favicon.ico with Adobe Photoshop

website-design-forum/making-ico-files-such-favicon-ico-with-adobe-photoshop-t255.html
  • ScienceOfSpock
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1893
  • Loc: Las Vegas

Post 3+ Months Ago

I created an online favicon tool that allows you to convert images to .ico files, but more than that also allows you to do pixel editing and even create a favicon from scratch.

http://www.kgreene.com/favicon.php
  • Coraxus
  • Beginner
  • Beginner
  • Coraxus
  • Posts: 35
  • Loc: DryDock Station orbiting over Sov. Latifundia

Post 3+ Months Ago

I know it's gravedigging, but I have one simple quick question. Is there a way to incorporate these favicons into an external css page? Or do I have to do it the hard way and apply the code to every single page of my website?
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Really you don't even need the meta tag. Just drop the ico file in your root directory. The browsers will look for it and find it even without any code being there.
  • Coraxus
  • Beginner
  • Beginner
  • Coraxus
  • Posts: 35
  • Loc: DryDock Station orbiting over Sov. Latifundia

Post 3+ Months Ago

You mean just put it directly under the root directory? Lemme try it, though some of the other pages doesn't have that, only my main front page.

I tried putting it under the root directory the same as where the index.html page is, nothing happened, it seems that you would have to put in the line of code in every page.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

What browser are you using?
IE is flawed. Try it in Firefox or Netscape or Mozilla

//edit - just view the source code for OZZU. you won't find a coded meta tag for the favicon anywhere.
  • webfreak
  • Beginner
  • Beginner
  • webfreak
  • Posts: 47

Post 3+ Months Ago

If you want it to work in IE, you have to save the website as a favorite, and then click the favorite to get the favicon to display. Firefox just does it like it's suppose to.
  • Coraxus
  • Beginner
  • Beginner
  • Coraxus
  • Posts: 35
  • Loc: DryDock Station orbiting over Sov. Latifundia

Post 3+ Months Ago

Well, for the most part I'm using Safari, the latest version. I can make the favicons work, but I just can't seem to get it to work automatically for all or any pages I put up on my site.

http://ddstation.bizari.net

and this is another page:

http://ddstation.bizari.net/kirbofactory.html

I have the icon stored in a folder under the root diretory, and then another copy directly under the root. The splash page has that code written to have it appear:

Code: [ Select ]
<LINK HREF="/ddsnav/ddicon.ico" rel="SHORTCUT ICON">


The other one doesn't have it, but according to what you said, it should have appeared.
  • iOXeR
  • Student
  • Student
  • iOXeR
  • Posts: 92

Post 3+ Months Ago

For excellent, FREE favicons go to http://www.famfamfam.com/lab/icons/silk/. I think there are 700. They're all really great.[/url]
  • Nasoma
  • Beginner
  • Beginner
  • User avatar
  • Posts: 42
  • Loc: Pennsylvania

Post 3+ Months Ago

Well I've got the faviocon working in the address bar which is great! But it doesn't appear on the tabbed window bar in firefox like other site's have.

Does anyone know how to make it appear on the tab as well?

Thanks :)
  • Impel GD
  • Professor
  • Professor
  • Impel GD
  • Posts: 834
  • Loc: Cologne, Germany

Post 3+ Months Ago

All I do is place 'favicon.ico' in the public_html directory and IE and Firefox (tabs included) show it fine.
  • typhon
  • Guru
  • Guru
  • User avatar
  • Posts: 1295
  • Loc: Memphis, Tn

Post 3+ Months Ago

It also depends on what theme you use with firefox. Im using japan black and it doesnt have any favicons in the tabs. That may be something else I have set but I think its the theme itself. But if you havent changed themes and other sites favicons show up in the tabs and your doesnt I dont know what to tell you. Sorry
  • Radaideht
  • Novice
  • Novice
  • Radaideht
  • Posts: 15
  • Loc: Canada

Post 3+ Months Ago

http://tools.dynamicdrive.com/favicon/
  • zooounds
  • Born
  • Born
  • zooounds
  • Posts: 4
  • Loc: Sweden

Post 3+ Months Ago

Gimp can both load and save ICO.
  • _mike_
  • Graduate
  • Graduate
  • User avatar
  • Posts: 131
  • Loc: The Netherlands

Post 3+ Months Ago

I use Infranview to convert images to ico files... too many options ;)
  • minipwn
  • Beginner
  • Beginner
  • minipwn
  • Posts: 38

Post 3+ Months Ago

I'm not sure if anyone mentioned this already but you can also just include this into your web page in your web pages <head> section

Code: [ Select ]
<link rel="shortcut icon" href="your_image" />


I normally use .gif format
Moderator Remark: Added [code] tags
  • littlephoenix
  • Graduate
  • Graduate
  • User avatar
  • Posts: 147

Post 3+ Months Ago

iconfactory makes the plugin for pshop if im not mistaken, its around 80$
its called icon builder XP, but I've always used michelangelo http://www.microangelo.us for as long as i remember :P
  • preetnavsingh
  • Born
  • Born
  • preetnavsingh
  • Posts: 4
  • Loc: Brisbane

Post 3+ Months Ago

i think photoshop is a good tool to make fav icon ...
There are other softwares like mogambo and pixelate
but i think if you know how to use photoshop you would be able to do it ..
  • igauresh
  • Novice
  • Novice
  • igauresh
  • Posts: 20

Post 3+ Months Ago

I just recently started using favicons. I think they are so cool. They really customize the site and give it that little extra something ...class? I love designing my own little graphics for these. I usually draw one or find some clipart and then shrink it in my photography program. Check out http://www.kewldrummerz.info for an example.
  • raj4encoders
  • Born
  • Born
  • raj4encoders
  • Posts: 1
  • Loc: INDIA

Post 3+ Months Ago

Hey!i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.Thanks & Happy Christmas.
raj
  • gerard
  • Born
  • Born
  • gerard
  • Posts: 4

Post 3+ Months Ago

Further to this discussion, does anyone know why this page favicon only works in Firefox and not IE 6/7?

http://www.vinuminvestments.com/

I'm baffled, bordering on tearing my hair out :-(
  • cerio
  • Proficient
  • Proficient
  • User avatar
  • Posts: 263
  • Loc: UK

Post 3+ Months Ago

I logged in to post a question and, in the meantime, have found a bunch of other neat things here I didn't even know I was looking for! I've been copying and pasting info like mad and saving it all to my 'handy tips and instructions' folder

Just followed the instructions above and made a cute little favicon for my site and added it to the code, for when I get the site completed and uploaded

I'd forgotten I used to occasionally make icons using Microangelo for a games company I worked for about 8 years ago. I never did know how they applied them to the games after I made them but now I have a use for them myself, so have just used the Photoshop plugin to create one and added it to the <HEAD>...</HEAD> section of the website I'm making.

Now, if I can just get the answer to the query I posted, I'll be a happy bunny. Knowing this forum, someone will provide me with the answer soon enough

Regards,
Ceri
  • rickholly
  • Born
  • Born
  • User avatar
  • Posts: 2

Post 3+ Months Ago

I made a favicon using the online tool. It does not work. I think I know why it does not work. It is located at rickholly.com. I use URL forwarding for the website. In other words, it is not the root directory. The root directory is miamivalley.info. I tested the same favicon on miamivalley.info that I tried to use on rickholly.com. It works. So, I am guessing the problem is rickholly.com needs to be the root directory. rickholly.com is really at http://miamivalley.info/rickholly.

Does anyone know if I can use favicon and URL forwarding. I hope I am making my problem clear to all of you.

Thanks for any assistants. I think my sixth graders would get a kick seeing my favicon on our school website.
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6819
  • Loc: Martinsburg, WV

Post 3+ Months Ago

My favicon works just fine and my website is same as yours.

try adding this to your <head>

Code: [ Select ]
<link rel="shortcut icon" href="path to ico" />
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

rickholly wrote:
Does anyone know if I can use favicon and URL forwarding. I hope I am making my problem clear to all of you.


Maybe it's easier to upload your favicon on another server.
Maybe something like tinypic.com or photobucket.

Then you link directly to that picture:

Code: [ Select ]
<link rel="shortcut icon" href="www.photobucket.com/...." />
Moderator Remark: Added [code] tags
  • SawanM
  • Novice
  • Novice
  • SawanM
  • Posts: 26

Post 3+ Months Ago

Yeah, most people should make a favicon, it looks a little bit extra to your website.
  • dougadam
  • Newbie
  • Newbie
  • User avatar
  • Posts: 9
  • Loc: Traverse City, Michigan

Post 3+ Months Ago

Also there are many sites that offer real-time favicon editors without having to download a program
  • impala_07
  • Newbie
  • Newbie
  • impala_07
  • Posts: 5

Post 3+ Months Ago

Some time back, I had an email from a visitor asking me how I managed to have thefreecountry.com's icon displayed next to my URL in his browser's location bar. In fact, had he checked carefully, he would also have noticed that the icon is also used in his "Favorites" menu.

Internet Explorer ("IE") 5.0 and above has a facility where, if someone bookmarks your website (ie puts it in their "Favorites" menu), it associates a particular icon with your website in the bookmark. It tries to obtain that icon by first requesting for "favicon.ico" from the directory of your web page. If it cannot find such a file, it will try to obtain it from the root directory of your website, failing which, it will simply use a default icon for the bookmark.

On the other hand, the favicon.ico file is available, the icon will also be displayed beside your website name in the "Favorites" menu, the location bar in IE, and if the user opens up the "Favorites" folder, it will be the icon used for the link to your site.

Mozilla Firefox, and probably also the new versions of Netscape (which are based on the Mozilla browser code), also have the ability to use the favicon.ico file, except that Firefox also accepts the file in other graphics formats, such as the PNG format. It displays the "favicon.ico" in the location bar of the browser (the part that shows your website's URL). The latest version of Opera also loads the favicon.ico file into the address bar if available.
Moderator Remark: Spam link(s) removed
  • crazzyDemon
  • Beginner
  • Beginner
  • User avatar
  • Posts: 55

Post 3+ Months Ago

i use ImageIcon
this program convert from png to ico format
and you can set up a quality of output icon

home page of this program:
http://deviouscodeworks.co.uk/dcmain.html
  • ccmon
  • Newbie
  • Newbie
  • ccmon
  • Posts: 6

Post 3+ Months Ago

i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.
  • website-design
  • Novice
  • Novice
  • website-design
  • Posts: 29

Post 3+ Months Ago

does the jpg work for IE?
  • ben_sigma
  • Beginner
  • Beginner
  • User avatar
  • Posts: 58
  • Loc: South Australia

Post 3+ Months Ago

Hi i have found that this program is really good for creating .ico files. It is called IrfanView;

and is downloadable from a mirror at their website

http://www.irfanview.com/


Best of all its Free. YAY!

8)
  • cizzi
  • Born
  • Born
  • cizzi
  • Posts: 1

Post 3+ Months Ago

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..
  • littlephoenix
  • Graduate
  • Graduate
  • User avatar
  • Posts: 147

Post 3+ Months Ago

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
  • AbhishekSingh
  • Born
  • Born
  • AbhishekSingh
  • Posts: 3

Post 3+ Months Ago

I like http://www.favicontool.com - Easy to Use & Brower incompartibility.
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Okay, I see about the code but..
Code: [ 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.
  • vikashktr
  • Newbie
  • Newbie
  • vikashktr
  • Posts: 6
  • Loc: Delhi, India

Post 3+ Months Ago

ATNO/TW wrote:
Here you go:
Code: [ 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.
  • WTWASP
  • Born
  • Born
  • WTWASP
  • Posts: 1

Post 3+ Months Ago

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
  • eeustath
  • Born
  • Born
  • eeustath
  • Posts: 1

Post 3+ Months Ago

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
  • nancy123
  • Born
  • Born
  • nancy123
  • Posts: 1

Post 3+ Months Ago

Hello dear,

Thanks for share with us good knowledge. Good keep it up.
  • oskillzzo
  • Beginner
  • Beginner
  • oskillzzo
  • Posts: 50

Post 3+ Months Ago

if you have photoshop, i used the telgraphics plugin

http://www.photoshopsupport.com/tutoria ... vicon.html
  • davekeys
  • Born
  • Born
  • User avatar
  • Posts: 2
  • Loc: Orange County

Post 3+ Months Ago

I'd bother more to do this if IE would play nice, but they just put in that stupid [huge]e[/huge]
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

vikashktr wrote:
ATNO/TW wrote:
Here you go:
Code: [ 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: [ Select ]
<link rel="SHORTCUT ICON" href="http://www.mydomain.com/favicon.ico">
8)
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Well, for the record, four years ago when I first posted this it all worked just fine with HTML 4.0
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

yeah it's in XHTML 1.0 where all tags are now lowercase and thus the capitals one doesn't validate ...
  • littlephoenix
  • Graduate
  • Graduate
  • User avatar
  • Posts: 147

Post 3+ Months Ago

i use a plugin for photoshop called iconfactory, it converts any image or anything you crate into an icon file ICO, :)
  • ayelletkod
  • Novice
  • Novice
  • ayelletkod
  • Posts: 17

Post 3+ Months Ago

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.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

ayelletkod wrote:
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.


I think you can find it previously in this post. Roughly the 1st or 2nd page.
  • conanite
  • Novice
  • Novice
  • User avatar
  • Posts: 16
  • Loc: paris, france

Post 3+ Months Ago

wow, I'm impressed - a 4-year long thread!

http://iconfu.com will convert between .gif, .png and .ico images (there's an upload link at the top of the page) ... it's free for icons up to 24x24px

it does much else besides but that's a story for another day
  • diggity
  • Born
  • Born
  • diggity
  • Posts: 4

Post 3+ Months Ago

Best .ico (desktop or favicon) editor, IMO: IcoFX http://icofx.ro/ or for screenshots http://icofx.ro/screenshots.html . Better than some paid apps. I'm actually surprised this thing is free. I use it all the time though.
  • ContestKing
  • Born
  • Born
  • ContestKing
  • Posts: 1

Post 3+ Months Ago

Favicons are needed to help your brand. I believe some browsers don't use favicons though.
  • futuramerlin-com
  • Newbie
  • Newbie
  • futuramerlin-com
  • Posts: 5

Post 3+ Months Ago

I use Format Factory (http://www.formatoz.com/) or Favicon.cc for an easy in-browser creation. (http://www.favicon.cc/)
  • gkumar
  • Beginner
  • Beginner
  • gkumar
  • Posts: 39

Post 3+ Months Ago

hi
thanks for sharing this info..
  • Cabrella
  • Newbie
  • Newbie
  • User avatar
  • Posts: 11

Post 3+ Months Ago

I love favicons... :)

It helps add a modicum of branding to the sites in our network.

I use the one at dynamic drive:
http://tools.dynamicdrive.com/favicon/

EZPZ
  • D-Studios
  • Novice
  • Novice
  • User avatar
  • Posts: 15

Post 3+ Months Ago

Here is the way I add an icon image.
Code: [ Select ]
 
<link rel="icon" href="ICON IMAGE SOURCE" type="image/x-icon" />
<link rel="shortcut icon" href="ICON IMAGE SOURCE" type="image/x-icon" />
 
  1.  
  2. <link rel="icon" href="ICON IMAGE SOURCE" type="image/x-icon" />
  3. <link rel="shortcut icon" href="ICON IMAGE SOURCE" type="image/x-icon" />
  4.  
  • 24x7emarketing
  • Born
  • Born
  • 24x7emarketing
  • Posts: 1

Post 3+ Months Ago

Thanks for that post.
  • webriq
  • Born
  • Born
  • webriq
  • Posts: 1

Post 3+ Months Ago

rjmthezonenet wrote:
Quote:
The hard part is finding a good proggy that will convert your image files to an ico file.


I came across a web page last week that suggested that other graphics formats were supported. Sorry I don't have a link... on dial-up tonight. :oops:


Nice information
  • ArtphotoasiA
  • Graduate
  • Graduate
  • User avatar
  • Posts: 206
  • Loc: Italy

Post 3+ Months Ago

I use photoshop to make the .ico files but in some case you must first install a photoshop addon (it was required to me).
  • meganisla
  • Novice
  • Novice
  • meganisla
  • Posts: 23

Post 3+ Months Ago

Thanks for the tips. Favicon has indirect benefit in terms of SEO because it help visitors to recognize your site through the icon which shows up in the tab and it help somewhat in branding your logo.
  • ursimrankhanna
  • Born
  • Born
  • ursimrankhanna
  • Posts: 1

Post 3+ Months Ago

For creating online flash website wht we have to do?
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • Loc: Woodbridge VA

Post 3+ Months Ago

Flash site would be no different than any other site. You'd make the favicon exactly as described in the posts in this thread.
  • nuesha
  • Newbie
  • Newbie
  • User avatar
  • Posts: 7

Post 3+ Months Ago

hello everyone im nuesha newbie here. i use jpg and it works for Opera and Moz. thanks!
  • sterweber
  • Newbie
  • Newbie
  • User avatar
  • Posts: 11

Post 3+ Months Ago

digitalMedia wrote:
I use a program called Microangelo. I've used it for years. I don't think it's free, but it allows you to embed many icons into one. 16x16, 32x32, 256 color, millions of colors, etc.

It comes with a cursor studio, so you make animated cursors etc. as well as some other stuff. I believe there is a demo version, and if you don't mind forking over a few bucks (I think I paid $25 for it years ago) it's really good stuff.


Microangelo is a great program for making icons, I've used it a lot.
  • Zealous
  • Guru
  • Guru
  • User avatar
  • Posts: 1305
  • Loc: Sydney

Post 3+ Months Ago

i have not looked over the 5 pages of posts but you don't have to use *.ico files for this you can use gif too

Code: [ Select ]
<link rel="shortcut icon" href="../images/brwser_icon.gif">


This is what i used for one of my recent sites that i have been building and it works fine in Firefox
  • tah62k
  • Born
  • Born
  • tah62k
  • Posts: 1

Post 3+ Months Ago

i use jpg and it works for Opera and Moz.
  • mariebrim619
  • Born
  • Born
  • User avatar
  • Posts: 1
  • Loc: philippines

Post 3+ Months Ago

thanks for the information and links shared in this thread, im gonna try this favicon creator sites.
  • Gooseman
  • Novice
  • Novice
  • Gooseman
  • Posts: 32

Post 3+ Months Ago

Why not create your own favicon in photoshop and the upload it? That's how I'm doing it...
  • Inter_kontinental
  • Born
  • Born
  • Inter_kontinental
  • Posts: 2

Post 3+ Months Ago

If you create your own favicon in photoshop keep you as. gif... It is better and more compatible than the jpg.
  • lordmine
  • Born
  • Born
  • lordmine
  • Posts: 1

Post 3+ Months Ago

thanx for sharing
  • annaharris170
  • Born
  • Born
  • annaharris170
  • Posts: 2

Post 3+ Months Ago

I had this problem in IE. I try to add the link or meta tags but didn't work, so I started to look at the format of the icon file.
It appeared to be a valid icon file (not just a renamed image), but what fixed it in the end was to convert it to an image, save it as a GIF, and then converting it back to an icon.
Also make sure to clear the IE cache while you're testing.
  • dangreen
  • Born
  • Born
  • User avatar
  • Posts: 1
  • Loc: USA, Cincinnati, Oh

Post 3+ Months Ago

Thanks for the nice tips about favicon.. This is very helpful for me..
  • TheMachine
  • Newbie
  • Newbie
  • User avatar
  • Posts: 6

Post 3+ Months Ago

Inter_kontinental wrote:
If you create your own favicon in photoshop keep you as. gif... It is better and more compatible than the jpg.


Use a png file, because it looks better if it's transparent.
  • quatgio
  • Banned
  • Banned
  • quatgio
  • Posts: 3
  • Loc: viet nam

Post 3+ Months Ago

this my site I want to chage my favicon, please support me, thanks
  • Stellatyler
  • Newbie
  • Newbie
  • Stellatyler
  • Posts: 7
  • Loc: USA

Post 3+ Months Ago

I think it also depends on what theme you use with firefox. Im using japan black and it doesnt have any favicons in the tabs. That may be something else I have set but I think its the theme itself. But if you havent changed themes and other sites favicons show up in the tabs and your doesnt I dont know what to tell you...
  • EmailDatabase
  • Born
  • Born
  • EmailDatabase
  • Posts: 1

Post 3+ Months Ago

First create your icon on Photoshop. Than save pang format of icon format and attach web icon.

Thanks,
Email Database
  • matteodoors
  • Born
  • Born
  • matteodoors
  • Posts: 1
  • Loc: united states

Post 3+ Months Ago

new here


Thanks for the nice tips about favicon.
  • saharmohamedali
  • Born
  • Born
  • saharmohamedali
  • Posts: 2

Post 3+ Months Ago

Gimp can both load and save ICO.
  • saharmohamedali
  • Born
  • Born
  • saharmohamedali
  • Posts: 2

Post 3+ Months Ago

All I do is place 'favicon.ico' in the public_html directory and IE and Firefox (tabs included) show it fine.
  • digiclay
  • Newbie
  • Newbie
  • digiclay
  • Posts: 6

Post 3+ Months Ago

i use jpg and it works for Opera and Moz. Opera even shows the icon in full size when switching pages.
:arrow: :roll: :twisted: :evil:
  • lucky_82
  • Born
  • Born
  • lucky_82
  • Posts: 1

Post 3+ Months Ago

Hi to all, I am new user. I found this topic on favicons you talking about... in last time i was looking sites for making favicons, and from many of them my choice is http://onlinefavicon. com / , it`s very good, you can create favicon using drawing tool or generate, upload picture and make 16x16 or 32x32 ICO file... Also site have gallery from other users favicons, and description how to set up favicon to your site, try it... :wink:
  • digiclay
  • Newbie
  • Newbie
  • digiclay
  • Posts: 6

Post 3+ Months Ago

i use png and it really works for googlecrome and Moz. Opera even shows the icon in full size when switching pages.
8) :D :lol: :twisted: :evil:
  • noface0711
  • Newbie
  • Newbie
  • User avatar
  • Posts: 6

Post 3+ Months Ago

i think photoshop is a good tool to make fav icon ...
There are other softwares like mogambo and pixelate
but i think if you know how to use photoshop you would be able to do it
  • nsdrk21
  • Newbie
  • Newbie
  • nsdrk21
  • Posts: 11

Post 3+ Months Ago

Favicon seo is a very important criterion.

Post Information

  • Total Posts in this topic: 96 posts
  • Users browsing this forum: No registered users and 22 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2016. Ozzu® is a registered trademark of Unmelted, LLC.