Membuat Favicon dengan IcoFX

Bagi anda yang mempunyai blog, tentu blog anda ingin terlihat unik dan beda? Nah, salah satunya dengan membuat favicon, yaitu icon yang tampil disebelah judul website/blog anda (pada SeaMonkey dan Firefox versi lawas terdapat pada samping URL bar). Membuat favicon dari gambar ataupun membuatnya sendri dari awal, ternyata mudah. Pada tutorial kali ini, kita tidak menggunakan website jasa pembuatan favicon, namun membuat langsung dengan aplikasi IcoFX. Kenapa? Karena untuk membuat favicon gak perlu pake koneksi internet (apalagi kalo anda termasuk golongan ‘fakir bandwidth’).

IcoFX program yang sangat handal untuk urusan membuat icon, baik membuat baru dari awal, ataupun impor dari gambar atau logo yang sudah ada. Bahkan yang istimewanya, anda juga dapat mengekstrak icon system milik Windows untuk dijadikan favicon!

Berikut tampilan dari IcoFX:

ifx_s01

Sejujurnya, IcoFX versi terbaru adalah program shareware, yaitu program yang berbayar jika kita akan menggunakannya. Namun kita tidak memerlukan crack ataupun keygen (dan segala jenis jamu lainnya), tapi dengan IcoFX versi 1.6.4, yang dimana versi ini masih 100% freeware!

Untuk program IcoFX versi yang telah saya sebutkan, dapat di download di sini:

Untuk tutorial kali ini, saya akan pisah jadi 3 topik, yaitu membuat favicon dari nol, membuat favicon dari gambar atau logo yang sudah ada, dan membuat favicon dari icon bawaan system Windows.

Membuat favicon dari nol


  • Untuk membuat favicon dari nol, anda dapat membuat icon baru dengan memilih menu File lalu klik New.ifx_s02
  • Anda dapat mengatur ukuran icon yang dibuat dan kedalaman warna icon yang akan dibuat. Semakin tinggi kedalamannya maka icon akan lebih besar, namun jika semakin kecil, warna yang disediakan semakin sedikit. Untuk web, disarankan ukuran awalnya 32×32 pixel atau 48×48.ifx_s03
  • Selanjutnya silahkan berkreasi sendri membuat icon melalui tools yang tersesdia. Jika sudah puas, anda dapat menambahkan icon yang lebih kecil dengan klik icon yang saya beri tanda.ifx_s04
  • Sama seperti pada dialog pada saat pembuatan, tapi ganti ukuran icon ke 16×16 (karena ukuran iniliah yang biasanya digunakan di judul web anda). Kalo sudah pilih OK.ifx_s05
  • Kalau sudah, akan keluar hasilnya. Icon yang lebih kecil dapat dibuat berbeda dari icon asalnya.ifx_s06
  • Kalau sudah puas, sekarang save icon dan beri nama favicon.ico . Icon siap di upload ke web atau blog. 🙂ifx_s07

Membuat favicon dari gambar atau logo


  • Siapkan gambar atau logo anda. Pada contoh dari photoshop, lalu Save as gambar/logo tersebut.ifx_s08
  • Pada saat penyimpanan gambar, sangat disarankan mengunakan format PNG, karena format ini tidak mengurangi kualitas gambar akibat kompresi dan juga mereservasi transparansi gambar (pada format JPEG, kualitas gambar akan turun akibat algoritma JPEG itu sendri dan transparansi akan hilang).ifx_s09
  • Bukalah IcoFX, pilih menu File dan pilih Import.ifx_s10
  • Pilih gambar atau logo tadi yang akan kita jadikan icon.ifx_s11
  • Sama seperti pada cara sebelumnya, anda dapat memilih 32×32 pixel atau 48×48 pixel.ifx_s12
  • Karena kita akan mengimpor gambar, anda dapat melakukan pengaturan gambar sebelum dijadikan icon. Jika sudah sesuai, pilih OK.ifx_s13
  • Gambar/logo berhasil diimpor menjadi icon, untuk selanjutnya seperti cara yang sebelumnya.ifx_s14

Membuat favicon dari icon bawaan system Windows


  • Buka IcoFx, pilih menu File dan pilih Extract.ifx_s15
  • Pilih file DLL atau EXE yang mau dicomot iconnya. Selain file bawaan Windows, anda juga bisa comot dari program lain yang ada iconnya. Pada contoh, saya mengekstrak icon dari file shell32.dll bawaan Windows (caranya buka folder C:\Windows\System32).ifx_s16
  • Pilih icon yang akan kita comot. Lalu tekan Extract.ifx_s17
  • Langkah selanjutnya masih sama seperti cara-cara sebelumnya.ifx_s18

Untuk upload favicon selanjunya diserahkan kepada anda, takut tulisan ini kepanjangan  :hammer Sekian tulisan saya kali ini, jika ada pertanyaan atau kendala, silahkan komen disini 😀