Website icons

You know those tiny icons that appear in the website address section at the top of the browser (like that cute orange bubble that Yedda have right before the http://....?!

How do I make one for my website and make it appear up there? 


Would you like to answer or comment?

Sign up for a free account, or sign in (if you're already a member).
  • 1069 views
Share Send to a friend Watch Report
 

Best Answer

 
44 thumbs up

It's called Favicon and here is a great tutorial:

http://www.w3.org/2005/10/howto-favicon

Posted 2 years ago ( permalink )
In reply to lilly's question
helinus was invited by Yedda to answer this question.

Rated as
Best Answer
0
4

Helpful?

line
line
line


 

All Answers

Order by
 

you need to insert to youre code in head:

<head>
  <title>MOR GERSHON</title>
  <link rel="shortcut icon" href="http://www.youredomain.com/mor.ico">
  <link rel="icon" href="http://www.youredomain.com/mor.ico" type="image/x-icon">  
 </head>

 

 

 


Posted 2 years ago ( permalink )
In reply to lilly's question
mor was invited by Yedda to answer this question.

Rated as
#6 out of 7
2
0

Helpful?

line
line
line



 
20 thumbs up

It's been asked on Yedda before:

http://yedda.com/questions/4957138141581/


Posted 2 years ago ( permalink )
In reply to lilly's question
Rated as
#2 out of 7
2
2

Helpful?

line
line
line



 

I tried both the method in here and the method Yaniv recommended in his answer to a similar question, and no of them worked - I think the problem is that I tried it with a .gif and not with a .ico. 

which lead me to the next question - what is .ico and how to make one?

Photoshop doesn't have that option when I save a file. 


Posted 2 years ago ( permalink )
In reply to lilly's question
Rated as
#4 out of 7
0
0

Helpful?

line
line
line



 
719 thumbs up

I was late for work this morning, because I got stuck in Zeno's paradox

They're called favicons. You can make them in any graphics program that has the capability of saving files as icons (with the suffix .ico).

There is a plugin that you can download for Photoshop that will enable it to save files in ico format, which you can get on this tutorial page (there is also a nice explanation there about exactly how to create a favicon).

There are also sites on the internet that allow you to upload a gif file and convert it to a favicon. Here is one example of such a site.

 Good luck Smile


Posted 2 years ago ( permalink )
In reply to lilly's question
Rated as
#3 out of 7
2
2

Helpful?

line
line
line