favicon question

The following code is what you'll be using:

<link rel="shortcut icon" href="/favicon.ico">

In a web page it looks like this:

<head>
<link rel="shortcut icon" href="/favicon.ico">
<title>lalala</title>
</head>

The "link rel" line of code can be before or after the <title> tags, but it must be in the <head> section. So open your favorite HTML editor and add that code.

Should solve it :)
 
If you want to use a GIF or PNG instead, use this format instead (just remember that it won’t work in IE):

<link rel="icon" href="/favicon.png" type="image/png"> or
<link rel="icon" href="/favicon.gif" type="image/gif">

Or take a look here: http://www.photoshopsupport.com/tutorials/jennifer/favicon.html I believe you'll get a better understanding that just saying save it as a .ico with a plugin for Photoshop (unless they've implimented the feature).
 
You can save it as a .bmp file and then change the extension to .ico, though you sometimes get an odd result.

There are some Icon creators on websites, where you can upload a png file and it will output an Icon for you to use. If you do this you can create your icon in any size: 16x16, 32x32, 64x64 etc.
 
If you're using standards it doesn't matter whether it's .ico or not, you can simply define the image type using 'type'. However, in the early days microsoft decided to use a .ico format, and something IE was (and is) still fussy about.

The .ico file itself cannot be a simple renaming of a bmp/gif/png as it's different. It might work in some browsers though, but its hardly good practice...

So in short you have to convert it into a Microsoft Icon File (.ico), which gimp and photoshop will do for you :)
 
Back
Top Bottom