Alim Syahwana

Tutorial Membuat Favicon Sederhana

Penerbit

www.alimsyahwana.com

Tutorial Membuat favicon Sederhana

Ikon di samping kiri alamat url di browser itu apa ya? Gambar itu unik, dengan ukuran kecil, namun menarik perhatian. Mungkin selama ini ada bertanya tanya gambar apakah itu? Itu adalah favicon. Selain di sebelah kiri alamat url pada browser, ikon tersebut juga terekam pada daftar Favourites bila pengunjung menambahkan alamat situs Anda ke daftar mereka. Sebagaimana keterangan di atas favicon adalah singkatan dari Favourite Icon. Dengan adanya favicon sebuah situs akan terlihat beda dari daftar favourite. Ini juga membuat sebuah situs terkesan professional

Lalu bagaimana membuatnya?...

Mempersiapkan gambar favicon dengan program paint

1. Siapkan area gambar 500x500px, Untuk tulisan huruf pada contoh saya gunakan font Calibri ukuran 300.

2. Buat outline pada contoh saya gunakan garis 8px

3. Gunakan tool fill with color untuk mengisi warna

4. Resize gambar menjadi 16x16px . Memang favicon generator menerima semua ukuran gambar namun dengan melakukan resize 16x16px maka akan terlihat hasil yang mendekati keinginan dibandingkan resize langsung di favicon generator

5. Simpan dalam bentuk jpeg.

Mengubah file jpeg menjadi .ico melalu free favicon generator 6. Kunjungi www.icoFave.com (sebenarnya ada banyak favicon generator lainnya, ini sebagai contoh) 7. Baca sekilas tentang favicon dan unggah gambar calon favicon yang telah disiapkan di form generate favicon

8. Centang saya telah membaca dan menerima persyaratan tentu setelah membaca halaman syarat dari layanan. 9. Tekan tombol biru Generate Favicon.

10. Muncul tambahan keterangan instruksi pemasangannya dalam Bahasa Inggris bersama dengan pratinjau Favicon yang telah jadi.

11. Tekan tombol Get It Now untuk mendownload file favicon.ico bersama instruksi pemasangan dalam satu zip file.

12. Untuk pengguna blogger favicon.con dapat dipasang melalui halaman

rancangan.

Pembuatan favicon selesai. Selamat mencoba.