Losari.web.id – Pada artikel kali ini, kami akan membahas mengenai pengertian favicon, pentingnya favicon, tips membuat favicon, favicon generator online yang bisa Anda gunakan secara gratis, dan cara membuat favicon blog.
Apa itu favicon?
Favicon adalah ikon kecil berukuan 16 × 16 atau 32 × 32 piksel, biasanya berisi logo, huruf pertama merek atau gambar khas yang mencerminkan jenis bisnis atau tema sebuah situs web.
Pentingnya Favicon
Fungsi favicon ialah sebagai berikut:
Branding.
Favicon merupakan suatu identitas situs web. Seperti disebutkan dalam pendahuluan, favicon membantu pengguna untuk mengingat situs web Anda di antara website lain.
Favicon membantu pengguna untuk menemukan situs Anda dengan mudah dengan melihat histori penjelajahan, hasil pencarian Google atau daftar bookmark situs di browser yang digunakan oleh user.
- Identifikasi situs web oleh pengguna.
- Memberikan tampilan profesional ke sebuah situs web.
Tips membuat Favicon
Favicon ukurannya sangat kecil, hanya 16 x 16 piksel. Jadi jika Anda merancang favicon perhatikan hal-hal berikut:
- Gunakan satu gambar: Favicon bukan tempat untuk menggabungkan banyak elemen grafis. Simple lebih baik.
- Lebih baik menggunakan huruf: Tidak ada yang akan bisa membaca jika favicon berupa kata. Jika Anda ingin menggunakan inisial, gunakan satu atau dua huruf saja.
- Gunakan elemen desain yang mudah dikenali dari desain blog Anda: Jika elemen desain yang Anda pilih bukan kotak, simpan sebagai file .png (sebelum menyimpannya dalam format icon) agar latar belakang transparan. Atau, kotak putih mengelilingi elemen desain Anda.
Cara membuat favicon blog
Sebelum Anda membuat favicon, maka yang perlu Anda lakukan ialah mempersiapkan gambar yang akan dijadikan favicon untuk situs Anda. Perlu juga diketahui bahwa saat ini tidak semua theme menyediakan favicon, karena ada juga yang menyediakan site icon yang memerlukan gambar berukuran 512 x 512 pixel
Berikut ini Cara membuat favicon blog:
- Search di Google search engine dengan kata kunci “favicon generator”.
- Dari daftar hasil pencarian, Anda bisa memilih salah satu favicon generator secara online. Pada contoh kali ini kita menggunakan https://www.favicon-generator.org/
- Klik choose file
- Pilih gambar yang sudah Anda sediakan.
- Klik create favicon.
- Download favicon yang sudah tercreate.
- Maka akan tersimpan hasil download sesuai dengan lokasi penyimpanan yang diinginkan, dalam hal ini akan berbentuk zip file. Extract file tersebut.
- Akan keluar favicon dalam berbagai jenis ukuran. Kita akan menggunakan ukuran 16 x 16 pixel untuk favicon blog nantinya.
- Bagi theme yang menyediakan favicon, maka Anda bisa menguploadnya lewat Theme Option.
Seperti yang telah dijelaskan sebelumnya bahwa tidak semua theme menyediakan untuk upload favicon, karena sebagian lainnya hanya memerlukan site icon yang bisa diupload lewat customize > Header > Site Identity > Site Icon
Favicon generator online
Selain menggunakan aplikasi pihak ketiga https://www.favicon-generator.org/ di atas, ada beberapa situs favicon generator online yang bisa Anda gunakan, antara lain:
- Logaster.com.
Logaster menawarkan cara yang sangat cepat dan mudah untuk membuat logo.
Cukup klik “create a logo for free”, tulis nama perusahaan Anda dan pilih jenis kegiatan yang tepat. Anda akan ditawari banyak template siap pakai untuk logo yang juga dapat Anda sesuaikan. Setelah semuanya siap, Anda dapat membuat favicon berdasarkan logo yang baru saja Anda buat.
- Favicon.cc
- Genfavicon.com
- RealFaviconGenerator.net
- Favicongenerator.com
- Favicomatic.com
- Xiconeditor.com
- favikon.com
- Favicon.pro
- Favico.com
- Faviconit.com
- Antifavicon.com
- Faviconr.com
Dengan menggunakan 13 generator favicon di atas, Anda bisa membuat favicon website Anda dalam waktu singkat.
Cara menambahkan favicon ke blog.
Tergantung pada platform blog yang Anda gunakan, ada beberapa cara untuk menambahkan favicon ke blog.
Blogger:
Caranya mudah: Di dasbor blogger, buka Layout. Di kiri atas, klik Edit di sebelah kotak Favicon dan upload favicon.ico yang baru saja Anda buat.
WordPress Self host
Ada tiga cara untuk menambahkan favicon ke blog WordPress.
Opsi Pertama
Dengan menggunakan cara di atas (melalui theme option), Ukuran favicon 16×16 pixel.
Opsi kedua.
Melalui Customize > Header > Site Identity > Site Icon Ukuran gambar 512×512 pixel.
Melalui cPanel.
Lokasi favicon di situs Anda harus berada di http://situsanda.com/favicon.ico. Jadi upload favicon ke situs Anda menggunakan melalui cpanel. Pastikan bahwa favicon berada di direktori root utama di http://situsanda.com/favicon.ico, jika tidak favicon tidak akan muncul ketika website Anda dibuka di browser.
Selanjutnya, buka file header.php, dan temukan kode <head>. pas setelah kode <head> tempatkan kode berikut:
<link rel=”shortcut icon” href=”/favicon.ico”>
Setelah selesai, maka favicon Anda akan muncul, bisa cepat dalam hitungan detik/menit, bisa juga agak lama (sampai 3-4 hari)
Demikianlah Cara membuat favicon blog, semoga bermanfaat.
