Making favicon.ico On Mac
Pada saat kita sedang browsing dan membuka halaman website, pada website tertentu kita suka melihat ada sebuah gambar/icon di dekat URL pada address bar atau disamping judul/nama website pada tab. Gambar tersebut adalah favicon, sebuah file dengan extensi .ico yang merupakan icon (gambar logo) dari sebuah website.
How to make a favicon? Bagaimana membuat favicon tersebut di Mac?
Langkah-langkah ini mungkin tidak hanya untuk Mac ;)
Ok, yang pertama yang Anda perlukan adalah program pengelola gambar seperti Photoshop, Gimp atau apapun yang sejenis. Lalu ambil atau buat gambar yang diinginkan, dan buat ukuran menjadi 32×31 pixel atau 16×16 pixel.
Bila Anda menggunakan Photoshop, Anda bisa download plugin dari Telegraphics di sini (tersedia untuk Photoshop versi Windows) untuk menyimpan hasil gambar dalam format .ico.
Bila Anda tidak menggunakan plugin tersebut atau menggunakan program selain Photoshop, simpan hasil gambar dengan format .png. Bagi pengguna Mac Anda bisa download IconMaker for Mac OS X, aplikasi ini akan mengubah gambar .png tersebut menjadi .ico dengan beberapa alternatif ukuran. Atau, yang ini saya belum pernah coba, langsung saja file .png itu ubah namanya/extensinya (rename) menjadi .ico, beberapa info yang saya temukan dapat dilakukan dengan cara ini.
Selesai. Lalu bagaimana menampilkannya pada website?
Langkah terakhir adalah menuliskan code dibawah ini pada tag <head> di halaman website Anda (untuk mesin wordpress pada file theme ‘header.php’):
Perlu diperhatikan ‘ href=”/favicon.ico” ‘ adalah url/tempat dimana file favicon.ico itu disimpan.
That’s it. Done… Semoga bermanfaat ;)
Kalau untuk Windows memakai program apa ya?
photoshop atau gimp :D
hem,,,Cara manual lebih asyik sepertinya gak ngebebanin WORPDRESS..hikss
Salam Hangat
makasih bos tipsnya.. saya juga sedang nyoba bikin icon kecil untuk goyang karawang nih. cuma susah juga ya, soalnya kecil ukuarannya jadi gambar goyangnya kurang tampak.. hehe