General Question

beachwriter's avatar

How do you get that little icon to show by the tab of a web site?

Asked by beachwriter (361points) October 8th, 2009

You know, up there at the top, by the URL or page title. Many now have a unique icon (the fluther jellyfish marks this tab). How do you get your blog or site to display that way?

Observing members: 0 Composing members: 0

7 Answers

inkvisitor's avatar

If you have your own site you can add an image file (usually 16×16 or 32×32 pixels) with the extension .ico to your root directory. You can use any photo editing program to make and save the image (name it favicon.jpg) and just right click the saved file and rename the extension to .ico

inkvisitor (660points)“Great Answer” (3points) Flag as…
jrpowell's avatar

It is a 16X16 image called: favicon.ico

You add something like this in the <head> section of your HTML.

<link rel=“shortcut icon” href=“http://www.whatever.com/images/favicon.ico” />

Replace the path of the image with yours.

jrpowell (40562points)“Great Answer” (0points) Flag as…
robmandu's avatar

Microsoft Internet Explorer is infamous for not supporting the GIF, PNG, or JPG variants that other mainstream browsers do.

So, if you want the a favicon that supports the largest possible number of browsers, you’ll still need to create it in classic .ico format.

And if you need some software with which to convert an existing file, you can use @icon sushi, for example.

robmandu (21331points)“Great Answer” (1points) Flag as…
jrpowell's avatar

IE can fuck off and die.. </bitter>

jrpowell (40562points)“Great Answer” (2points) Flag as…
BBQsomeCows's avatar

set your bookmark’s favicon to whatever most pleases you

https://addons.mozilla.org/en-US/firefox/addon/7849

BBQsomeCows (298points)“Great Answer” (1points) Flag as…

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther