Cara membuat Favicon

Berikut ini saya bagikan cara membuat favicon yang cukup simple. namun sebelumnya, sebaiknya kita mengetahui apa itu favicon. Favicon adalah icon kecil yang nongkrong di depan alamat situs kita. lihat gambar berikut ini untuk lebih jelas mengenai apa itu favicon.

apa itu favicon

apa itu favicon

Dengan keberadaan favicon, diharapkan situs kita lebih ‘visible’ dan lebih mudah dikenali ketika seseorang membukanya. Dan juga dengan favicon ini situs kita akan lebih keren bukan? Untuk membuat favicon ini, kita harus punya sebuah file icon lebih dahulu. File icon adalah file gambar yang berekstensi .ico

Namun, mengubah sebuah gambar berekstensi .jpg menjadi .ico tidak lantas mengubahnya menjadi sebuah file icon. Hehehe, saya pernah mencobanya dan berakhir dengan payah. Cara terbaik untuk mengubahnya adalah dengan software pengubah image atau image converter software. Namun, jika anda tidak mempunyai software tersebut, saya tidak menyarankan anda untuk mengunduh software tersebut hanya untuk membuat sebuah favicon. Lebih efisien jika kita menggunakan image converter online seperti yang ada di situs ini: http://www.rw-designer.com/image-to-icon

Sampai di sini, saya asumsikan anda sudah memiliki sebuah file icon. Tutorial membuat favicon paling simpel adalah dengan ‘merename’ file tersebut menjadi favicon.ico lalu menempatkannya di folder root dari situs anda. Dan selesai. favicon anda sudah jadi.

Namun jika anda tidak ingin login ke cpanel atau spanel atau apalah yang berhubungan dengan ftp dan  folder root anda, anda bisa melakukan cara berikut ini.

Anda tidak perlu memberikan nama favicon.ico pada file icon anda. anda bisa menamai apa saja (asal ekstensinya tetap .ico)

letakkan kode berikut ini pada html source situs anda diantara <head> dan </head>

  • <link rel=”shortcut icon” href=”/folderini/folderitu/dst/iconapapun.ico” />
atau jika anda ingin membuat favicon bergerak, gunakan file gif dan kode berikut ini;
  • <link rel=”shortcut icon” href=”/folderini/folderitu/dst/iconapapun.gif” />
Itu saja. Cara membuat favicon selesai.

Comments are closed.