Belum lengkap rasanya jika kita membuat website pribadi atau blog tetapi favicon nya masih kosong atau masih berupa icon standar bawaan blogspot atau wordpress.
Favicon adalah icon yang kita lihat pada tab browser saat kita membuka sebuah website atau icon yang muncul pada website yang kita bookmark.
Oleh karena itu favicon menjadi penting fungsinya karena merupakan simbol yang akan mudah diingat oleh pengunjung website dan menjadi brand dari website kita.
Di sini saya membuat favicon menggunakan software GIMP, karena fiturnya yang menurut saya cukup lengkap dan software ini juga gratis atau general public licence / free. Selain itu penggunaannya juga cukup mudah terutama bagi yang sudah biasa menggunakan software seperti adobe photoshop.
Favicon adalah icon yang kita lihat pada tab browser saat kita membuka sebuah website atau icon yang muncul pada website yang kita bookmark.
Oleh karena itu favicon menjadi penting fungsinya karena merupakan simbol yang akan mudah diingat oleh pengunjung website dan menjadi brand dari website kita.
Di sini saya membuat favicon menggunakan software GIMP, karena fiturnya yang menurut saya cukup lengkap dan software ini juga gratis atau general public licence / free. Selain itu penggunaannya juga cukup mudah terutama bagi yang sudah biasa menggunakan software seperti adobe photoshop.
Langkah - langkah membuat favicon menggunakan GIMP
1. Buka GIMP kemudian buat file baru dengan ukuran 800 x 800 pixel.
Untuk membuat favicon ukuran file yang digunakan harus persegi atau square atau 1:1 [lebar : tinggi].
Yang perlu diperhatikan disini adalah pada kolom "fill with", isi dengan transparency agar gambar yang kita buat memiliki latar belakang kosong/ bening.
Yang perlu diperhatikan disini adalah pada kolom "fill with", isi dengan transparency agar gambar yang kita buat memiliki latar belakang kosong/ bening.
2. Buatlah sebuah gambar menggunakan tools yang ada di gimp
Semakin anda kreatif maka semakin bagus juga gambar yang akan dihasilkan.
3. Resize gambar 100 x 100 pixel
Setelah selesai mendesain gambar atau logonya, sebelum menyimpan file tersebut, ubah ukuran filenya dengan menu resize menjadi misalnya 100 x 100 pixel, tujuannya agar ukuran file faviconnya tidak besar.
4. Gabungkan layer
Langkah berikutnya adalah menggabungkan layer yang ada menggunakan menu "merge visible layers" agar layernya menjadi satu layer saja.
5. Simpan file
Simpanlah file yang kita buat tadi, dengan menggunakan menu "export as".
Ketik nama file dengan extension .ico misalnya favicon.ico agar file yang kita simpan ber extension .ico yang merupakan standar file untuk faveicon.
Sampai disini kita telah berhasil membuat favicon dengan ekstensi .ico yang siap kita upload ke website pribadi atau blog kita.
Ketik nama file dengan extension .ico misalnya favicon.ico agar file yang kita simpan ber extension .ico yang merupakan standar file untuk faveicon.
Sampai disini kita telah berhasil membuat favicon dengan ekstensi .ico yang siap kita upload ke website pribadi atau blog kita.
Jika ada yang perlu di diskusikan, jangan sungkan untuk menulis di komentar.
EmoticonEmoticon