Digital Site Kami seorang Muslim dan seorang Pemimpi. Ada banyak sekali mimpi yang ingin kami wujudkan. Salah satunya adalah membuat Blog yang bisa menjadi amal Jariah kami dan bermanfaat bagi orang banyak. Kami percaya ketika kami melakukan hal yang TERBAIK dengan DOA, maka yang BAIK akan TERCAPAI dengan SEMPURNA. ( Fuad & Nanda )

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog

2 min read

cara membuat favicon

Apa itu Favicon atau Favorite Icon?

Sebelum kita membahas tentang bagaimana cara membuat favicon, ada baiknya kita  membahas terlebih dahulu apa itu favicon dan kenapa Anda diharuskan untuk menggunakannya?

Favicon, merupakan singkatan dari favorite icon, adalah gambar ikon website yang mempunyai fungsi sebagai identitas visual suatu website atau blog. Favicon biasanya akan muncul di tab dan bookmark suatu browser.  

Coba perhatikan tab browser Anda yang sedang membuka situs Digital Site. Lihat di pojok sebelah kiri dan Anda akan menemukan suatu logo Digital Site di tab browser tersebut.

Mengapa Anda perlu menggunakan favicon untuk blog atau website Anda? Alasannya adalah untuk memudahkan visitor atau pengunjung untuk mengingat blog atau website Anda. Dengan adanya favicon pada blog atau website Anda, maka blog atau website Anda akan lebih mudah untuk menonjol di antara website dan blog lain sehingga orang akan lebih mudah untuk menemukan website atau blog Anda.

Apabila Anda menggunakan WordPress, biasanya template sudah menyediakan beberapa pilihan untuk menambahkan favicon blog atau site icon. Namun, apabila template Anda tidak menyediakan fitur tersebut, Anda tetap bisa untuk menambahkan favicon ke blog atau website Anda. Berikut merupakan langkah-langkahnya.

Baca Juga: Bagaimana Mengoptimasi Konten dan Halaman Website Untuk SEO?

 

Cara Membuat Favicon (Favorite Icon) Blog dan Website

Konversi ke Ukuran dan Format Favicon (Favorite Icon)

Supaya memperoleh hasil terbaik, tentu terdapat suatu standar ukuran favicon yang harus Anda terapkan. Berapa ukuran favicon yang paling ideal? Sebaiknya Anda menggunakan gambar persegi dengan menggunakan rasio 16 X 16 pixel supaya favicon bisa tampil maksimal di browser internet.

Selain itu Anda juga perlu mengubah format file gambar menjadi .ico supaya bisa terbaca oleh browser internet. Bagaimana cara untuk merubah gambar menjadi persegi dan berformat favicon.ico? Tenang saja, Anda tidak perlu khawatir karena banyak sekali platform online yang dapat membantu Anda.

Terdapat banyak favicon generator yang bisa membantu Anda untuk merubah gambar Anda menjadi persegi dan formatnya menjadi .ico.

Beberapa favicon generator yang dapat Anda gunakan untuk merubah gambar Anda menjadi persegi dan formatnya menjadi .ico adalah sebagai berikut:

Gen Favicon

Favicon – Generator

Real Favicon Generator

Favicon Generator

Favicomatic

Favikon

Favicon.pro

Faviconit

Antifavicon

Faviconr

Anda hanya perlu untuk mengunggah gambar yang akan dijadikan favicon dan favicon generator akan menyesuaikannya dengan ukuran yang paling ideal favicon.

Apabila Anda belum mempunyai  logo atau gambar yang cocok untuk dijadikan favicon, tidak perlu khawatir. Beberapa favicon generator juga menyediakan suatu layanan untuk membuat favicon secara online. Logaster, Favicon.cc, Xiconeditor, dan Webestools dapat memungkinkan Anda untuk menggambar favicon di situsnya.

Misalnya saja kita akan menggunakan favicon generator Favicon.cc. Berikut merupakan langkah-langkahnya:

Pertama, bukalah situs favicon.cc

Kedua, pilihlah “Import Image”

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog

Ketiga, unggahlah gambar yang akan dijadikan sebagai favicon. Anda bisa memilih untuk merubah dimensinya menjadi persegi atau menggunakan dimensi aslinya. Namun, disarankan untuk mengubahnya menjadi persegi supaya memperoleh hasil yang maksimal.

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog
Keempat, unduhlah file favicon. Anda juga dapat melihat preview favicon sebelum mengunduhnya.

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog

Upload Favicon Menggunakan Filezilla

Setelah mempunyai gambar favicon dengan ukuran dan format yang diperlukan, langkah selanjutnya yaitu mengunggahnya ke blog atau website Anda. Untuk mengunggah file favicon, Anda akan membutuhkan FTP. Pada tutorial ini kami menggunakan Filezilla.

Pertama, sambungkanlah koneksi hosting Anda ke Filezilla.

Kedua, di kolom sebelah kanan Filezilla terdapat Remote Site, yaitu file dan folder yang ada di website Anda. Selanjutnya klik folder public_html.

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog

 Ketiga, pada kolom sebelah kiri Filezilla terdapat Local Site, yaitu file dan folder yang ada di komputer Anda. Kemudian uploadlah file favicon.ico. Jangan lupa untuk memberikan nama favicon.ico sebab browser hanya dapat membaca nama file tersebut untuk kemudian memunculkan favicon pada blog atau website Anda.

Cara Membuat Favicon atau Favorite Icon Untuk Website dan Blog

Setelah upload selesai, blog atau website Anda akan secara otomatis memunculkan favicon di browser internet.

Kesimpulan

Meskipun favicon “hanya” berupa gambar kecil di tab browser, favicon adalah salah satu bagian yang penting untuk blog atau website. Favicon akan membantu pengunjung atau visitor blog atau website Anda untuk mengingat identitas blog atau website Anda.

Apabila template blog atau website Anda tidak mendukung untuk menambahkan favicon secara otomatis, Anda dapat menggunakan cara membuat favicon blog dan website yang sudah kami paparkan di atas. Selamat ngeblog 🙂

Digital Site Kami seorang Muslim dan seorang Pemimpi. Ada banyak sekali mimpi yang ingin kami wujudkan. Salah satunya adalah membuat Blog yang bisa menjadi amal Jariah kami dan bermanfaat bagi orang banyak. Kami percaya ketika kami melakukan hal yang TERBAIK dengan DOA, maka yang BAIK akan TERCAPAI dengan SEMPURNA. ( Fuad & Nanda )

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *