Adding a favicon to your website
- Instructions
- What I did for evilpixel.org

Adding a favicon to your website

A favicon is an icon on a website, that will typically show up in your web browser's favourites/bookmarks.

See this website for a description of favicons: http://www.html-kit.com/favicon/ . It also has a useful utility that allows you to upload your own image and you can then download a ZIP file containing the 16×16 icon.

Instructions

Create your 16×16 icon. You can create it as another format first (eg. PNG) and then convert it using the utility on this site: http://www.html-kit.com/favicon/ .
Upload it somewhere to your website.
To every page that should use this icon, add the following line to the <head> section:
- ```
<link rel="shortcut icon" href="favicon.ico" >
```

Note: this assumes your icon is called favicon.ico and it's in the same directory as the HTML page.

What I did for evilpixel.org

I created a 16×16 bitmap of the icon I want using Paint.NET.
Used this website to convert it to an icon: http://www.html-kit.com/favicon/
Uploaded the favicon.ico to the /style folder on evilpixel.
Add this line to the <head> section of each page.
1. ```
<link rel="shortcut icon" href="/style/favicon.ico" >
```
2. Did this for the Welcome page, the Textpattern page templates, and the placeholder Issues page.
3. Did it for the ZenPhoto theme “evilpixel” which I based on the Sterile theme. Added it to the files index.php, album.php, and image.php.
4. Did it to my Docuwiki template.