Bagi sebagian orang membuat Favicon di dalam sebuah situs merupakan sebuah hal yang gampang-gampang susah, kerena kebanyakan file favicon menggunakan ekstensi/format dengan nama *.ico yang tidak dapat dibuat menggunakan aplikasi image editing standar seperti Adobe Photoshop. Ada beberapa aplikasi yang memang dikhususkan untuk membuat bentuk icon yang menggunakan file dengan ekstensi tersebut seperti Axialis Icon Workshop.

Namun dalam tutorial kali ini tidak akan dijelaskan tentang pembuatan Icon dengan aplikasi tersebut. Back to the topic again, disini akan dibahas tentang cara menampilkan Favicon yang dapat dibuat dengan menggunakan aplikasi standar seperti Adobe Photoshop. Adapun langkah-langkahnya adalah sebagai berikut :

1. Buatlah sebuah desain favicon anda sendiri menggunakan Adobe Photoshop (sebaiknya kuran dibuat kecil antara 10 sampai 50 pixel agar waktu load tidak terlalu lama)
2. Kemudian simpan dokumen icon anda ke dalam file PNG-8 atau PNG-24 dengan cara menyimpan menggunakan perintah File - Save for Web. Kemudian simpan dengan nama favicon atau sejenisnya.
3. Berikutnya upload file tersebut ke web server anda, atau dapat dititipkan ke penyedia layanan upload gambar lain seperti flickr atau frindster, dan ingat-ingat (sebaiknya copy) letak alamat URL gambar tersebut.
4. Berikutnya tambahkan code HTML berikut ke dalam halaman utama anda (index.php atau header.php)
5. Simpan halaman, kemudian refresh kembali halaman web anda, dan dapat dilihat bahwa Favicon akan terlihat dalam Browser anda (biasanya menggunakan Mozilla Firefox atau Internet Explorer 7)