Favicons by Elise

Favicons are the tiny images next to the url in the browsers address bar. You change your site's favicon to make it fit your site more. Mushmallow's favicon is a sprout, for instance.

By using these, you agree to our terms.

If you're not sure how to use them, read the tutorial below.

Animals:

Food:

Nature:

Misc:

Using Favicons:

Favicons are relatively easy to create and use. When I make them I prefer to start with a 16x16 or 32x32 canvas (in PS, PSP, MSPaint, etc.) since I usually do pixel art, but you can also just make a square image that can be resized to 16x16 or 32x32. If you're a Firefox user, you can preview what images look like as favicons just by right clicking and choosing view in Firefox.

If your program allows, save it as .ico or you can use an online generator to create/convert it instead. (For example: Chami, Dynamic Drive, Favicon.cc) Some browsers also support .gif and .png. Animation and transparency are both usually supported as well.

Save the file to your own website's server. Then place the following code in your site's html code between the two < head > </ head > tags.

.ico

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

.png

.gif

.ico and .gif

(which is useful if you're not sure which ones your visitors' browsers will support)

Most people do not worry about how their favicons look other than in the address bar, but you might want to take it into consideration. When someone saves your link to their desktop (which isn't that common as far as I can tell), usually there would be a 32x32 or 48x48 icon instead of the 16x16. This is also the case if you're using a browsers with bookmark toolbars, which the user can set to either small icons or large. If these things are important enough to you, you should try to save your favicon as an .ico file. This will allow you to save multiple sizes in one file that show up as whatever size for the occassion.

If you have any questions or info on favicons, please post them on our forum.