Pengertian Favicon

Pembuatan website untuk kebutuhan profesional seperti website bisnis toko online maupun yang lainnya tentu perlu dibangun dengan cermat. Tidak hanya menentukan tema dan alamat domain dengan tepat. Namun juga beberapa detail kecil, salah satunya menampilkan favicon pada tampilan website tersebut, berikut kami jelaskan apa itu favicon, Pengertian Favicon.

 

Pengertian Favicon adalah icon utama yang muncul padd address bar suatu website dan merupakan logo dari website tersebut, Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon
Contoh Favicon dalam bentuk besarnya :

Ukuran Favicon

Usai mengetahui pengertian dari apa itu favicon, maka bisa mengenal materi selanjutnya. Yakni detail ukuran yang dianjurkan untuk pembuatan Favicon tersebut. Biasanya ukuran Favicon akan disesuaikan dengan jenis platform yang digunakan, entah itu Google maupun iPad da iPhone.

berikut adalah rekomendasi ukuran Favicon di beberapa platfrom yang bisa dijadikan rujukan pada saat proses pembuatan :

• Platform Google dianjurkan memakai ukuran 96x96
• Plaform Opera Coast memakai ukuran 228x228
• Platform iPad Retina untuk iOS 7 ke atas memakai ukuran 152x152
• Platform iPad Retina untuk iOS 6 ke atas memakai ukuran 144x144
• Platform iPad Mini iOS 7 ke atas memakai ukuran 76x76
• Platform iPad Mini iOS 6 ke atas memakai ukuran 72x72
• Platform iPhone Retina untuk iOS 7 ke atas memakai ukuran 120x120
• Platform iPhone Retina untuk iOS 6 ke atas memakai ukuran 114x114

Jika bingung maka anda bisa memakai metode lain untuk menentukan ukuran Favicon yang tepat. Misalnya saja untuk website dengan Wordpress ataupun Blogger bisa menggunakan gambar dengan format JPG, GIF maupun PNG dengan ukuran file tidak boleh lebih dari 100kb.

Sedangkan detail ukuran gambarnya sendiri dianjurkan memakai settingan 16x16 pixel dengan bentuk perseg, dan bisa diedit memakai aplikasi Photoshop untuk desain Favicon keren buatan sendiri.

Cara Membuat Favicon

Memahami apa itu Favicon lebih dalam, maka bisa dengan langsung praktek untuk membuatnya. Sebagai langkah awal dalam proses pembuatan, silahkan menentukan Favicon generator mana yang akan digunakan. Sebab beda generator yang dipakai maka beda pula langkah-langkah dalam pembuatannya. Jenis generator yang secara umum digunakan juga beragam, seperti :

• Faviconnit
• Favicon.pro
• Anti Favicon
• Favinconr,
• Dan lain sebagainya.

Biasanya anda hanya perlu menggunggah gambar atau logo yang akan dijadikan Favicon ke generator tersebut. Oleh generator nantinya gambar akna disetting memiliki ukuran sesuai standar. Namun generator di atas biasanya digunakan jika sudah memiliki gambar atau logo yang sesuai.

Bagaimana jika belum?

Tidak perlu khawatir, karena terdapat beberapa generator yang menyediakan fasilitas pembuatan favicon secara online. Misalnya saja generator Webestools, Favicon.cc, Logoaster, atau mungkin Xiconeditor. Situs-situs ini akan membantu anda mendesain gambar atau logo sesuai kebutuhan.

Mempermudah anda dalam membuat dan memasang Favicon, maka penjelasan berikut mengambil contoh dari generator Favicon.cc :

1. Akses Situs Favicon.cc

Cara membuat Favicon
Favicon.cc merupakan generator online untuk pembuatan Favicon, sesuai dengan penjelasan apa itu Favicon di atas. Akses situs ini, dan bisa membaut ikon dari nol dan bisa pula dipakai saat ikon sudah dimiliki.

Jika sudah memiliki ikon yang dirasa sesuai dengan diedit memakai aplikasi Photoshop atau Corel Draw, maka tinggal dibubah format filenya menjadi .ico memakai situs generator ini. Berikut detail langkah-langkahnya :

• Buka situs Favicon.cc
• Pilih menu "import image" dan tentukan dimensi gambar yang akan dipakai dengan memilih antara "Keep Dimension" atau "Shrink To Square Icon"
• Setelah memilih dimensi yang dipakai klik tombol "Upload" dan cari gambar sesuai lokasi penyimpanan di perangkat yang dipakai.
• Klik "Prieview" untuk melihat hasil Favicon yang dibuat sebelum diunduh, dan menekan tombol "Download" untuk mengunduhnya.

2. Proses Pasang Favicon ke WordPress

Setelah memiliki favicon, maka langkah selanjutnya tinggal dipasang ke website. Berikut tutorial pemasangan melalui WordPress :

• Login ke WordPress
• Masuk ke menu "Tampilan" dan pilih "Sesuaikan"
• Akan masuk ke halaman What you See Is What You Get, dan cari menu "Identitas Situs" dan upload gambar Favicon yang dibuat di atas.
• Klik tombol "Pilih setelah gambar Favicon selesai di upload di WordPress.
• Silahkan cek tempilan terbaru WordPress anda di tab baru.

Sekian penjelasan dari kami, jika ada pertanyan atau penjelasan yang salah bisa komentar di bawah.