Apa itu favicon? Dan kenapa Anda harus menggunakan favicon pada website? Serta bagaimana cara membuat favicon website yang mudah dilakukan? Dapatkan jawaban dari pertanyaan tersebut hanya di artikel tutorial website WordPress ini.
Definisi Favicon
Favicon adalah kependekan dari favorite icon. Lalu Apa itu Favicon? Favicon merupakan gambar ikon (icon) yang berfungsi sebagai identitas visual suatu website atau blog. Favicon umumnya muncul di tab dan bookmark browser (pojok sebelah kiri atas website).
Kenapa Anda harus memakai favicon untuk blog atau website?
Alasannya yaitu mempermudah visitor untuk mengingat blog atau website Anda. Dengan adanya favicon, maka website Anda akan jadi mudah untuk lebih menonjol di antara web-web lainnya. Sehingga orang / pengunjung lebih mudah untuk menemukan website Anda.
Bila Anda memakai WordPress (WP), umumnya theme sudah menyediakan pilihan penambahan favicon website. Tapi, bila theme tak menyediakan fitur tersebut, Anda tetap dapat menambahkan favicon ke website Anda.
Cara Bikin Favicon Website
Berikut langkah-langkah membuat favicon website yang bisa Anda praktekkan :
a. Konversi ke Ukuran dan Format Favicon
Untuk dapatkan hasil yang terbaik, tentu harus ada standar ukuran favicon yang Anda perlu terapkan di website. Berapa ukuran favicon yang ideal?
Sebaiknya Anda memakai gambar berbentuk persegi dengan rasio 16×16 pixel (px). Hal ini supaya favicon dapat tampil lebih optimal di browser internet. Selain itu, Anda harus mengubah format file gambar jadi .ico agar bisa terbaca oleh browser internet.
Bagaimana cara mengubah file gambar jadi persegi dan berformat favicon.ico? Tenang, Anda tak harus khawatir. Sebab banyak platform online yang dapat membantu Anda.
Ada banyak favicon generator yang bisa membantu Anda untuk mengubah gambar jadi persegi dan formatnya jadi .ico. Beberapa favicon generator yang dapat Anda pakai :
- Favikon
- Faviconr
- Faviconit
- Favicon.pro
- Antifavicon
- Favicomatic
- GenFavicon
- FaviconGenerator
- Favicon-Generator
- RealFaviconGenerator
Anda hanya harus mengunggah gambar yang akan Anda jadikan favicon dan favicon generator akan menyesuaikannya dengan ukuran ideal favicon.
Bila belum punya logo atau gambar yang cocok untuk Anda jadikan favicon, tak perlu khawatir. Beberapa favicon generator pun menyediakan layanan membuat favicon website secara online.
Berikut beberapa situs yang memungkinkan Anda menggambar favicon :
- Logaster,
- Favicon.cc,
- Xiconeditor,
- Webestools,
- dan sebagainya.
Sebagai contoh berikut cara membuat favicon website memakai favicon generator Favicon.cc. Berikut langkah-langkahnya :
- buka situs favicon.cc;
- pilih “Import Image”;
- unggah / upload gambar yang akan Anda jadikan favicon;
- Anda bisa memilih untuk mengubah dimensinya jadi persegi atau memakai dimensi aslinya;
- tapi, disarankan untuk mengubahnya jadi persegi supaya dapat hasil maksimal;
- unduh / download file favicon;
- Anda dapat melihat preview favicon sebelum mendownload / mengunduhnya.
b. Upload Favicon Menggunakan Filezilla
Setelah punya gambar favicon dengan ukuran dan format yang sesuai, langkah membuat favicon website berikutnya yaitu upload gambar tersebut ke web Anda. Untuk mengupload file favicon Anda memerlukan FTP, misalnya Filezilla.
Berikut cara upload file favicon memakai Filezilla :
- sambungkan koneksi hosting Anda ke Filezilla;
- klik folder public_html pada kolom Remote Site;
- lalu unggah file favicon.ico pada kolom Local Site;
- jangan lupa untuk memberi nama favicon.ico;
- setelah proses unggah file selesai, maka website Anda akan otomatis memunculkan favicon di browser internet.
Kenapa harus memberi nama pada favicon.ico? Karena browser hanya dapat membaca nama file tersebut untuk kemudian memunculkan favicon website Anda.
Catatan :
- Remote Site merupakan kolom yang ada di sebelah kanan FileZilla yang berisi file dan folder di website Anda.
- Local Site adalah kolom yang ada di sebelah kiri Filezilla berisi file dan folder yang ada di komputer Anda.
Baca juga : Pengaturan Dasar pada Website WordPress
Saatnya Membuat Membuat Favicon Website!
Favicon bukan hanya sebuah gambar kecil di tab browser. Tapi favicon merupakan salah satu bagian penting website. Favicon membantu pengunjung mengingat identitas website Anda.
Bila theme website Anda tak mendukung untuk menambahkan favicon secara otomatis, maka Anda dapat memakai cara membuat favicon website yang sudah kami uraikan di atas.
