Membuat Favicon pada Blog dan Website

No Comments

membuat favicon

Definisi Favicon 

Maxima Digital – Sebelum kita sama-sama membahas mengenai cara membuat favicon, ada baiknya jika kita membahas definisi dari favicon itu terlebih dahulu dan mengapa anda harus menggunakan dan memanfaatkan favicon ini. Mari simak selengkapnya pada penjelasan berikut ini.

Favicon merupakan kependekan dari favorite icon. Favorite icon ini merupakan gambar ikon website yang mempunyai fungsi sebagai identitas visual dari sebuah website. Ikon yang satu ini biasanya akan muncul di tab dan bookmark browser.

Contohnya saat anda sedang membaca artikel ini, tentunya anda akan melihat ada ikon berbentuk logo Maxima di pojok kiri atas bukan? Nah itu lah yang bernama favicon.

Apa yang membuat anda membutuhkan favicon ini untuk blog atau website anda? Alasannya sederhana, yaitu untuk membuat para pembaca atau audiens anda dapat dengan mudah mengingat blog ataupun website anda. Karena dengan adanya icon ini, maka website atau blog anda akan lebih mudah menonjol di antara website maupun blog lain yang tidak menggunakan favorite icon ini. Website dengan favorite icon juga akan terlihat lebih elegan dan profesional.

Jika anda merupakan pengguna WordPress, biasanya template untuk menambahkan favorite icon blog atau site favorite icon sudah tersedia secara otomatis untuk anda gunakan. Akan tetapi, jika anda tidak mendapatkan ketersediaan tersebut secara otomatis anda tidak perlu khawatir. Karena anda tetap dapat menambahkan favorite icon ke blog atau website anda dengan cara-cara berikut ini. Sebelum lanjut, ada baiknya anda membaca juga perbedaan blog dan website terlebih dahulu, agar memudahkan anda memahami konteks-konteks yang akan kami sampaikan berikutnya.

Tips Membuat Favicon pada Blog dan Website

1. Konversi Ukuran dan Format Favicon

Jika anda menginginkan hasil yang terbaik, maka anda harus melakukan penyesuaian terhadap standar ukuran favorite icon tersebut, baik itu ukuran favorite icon blog maupun favorite icon website. Kemudian yang menjadi pertanyaannya, berapa ukuran favorite icon yang paling ideal? Kami menyarankan kepada anda untuk menggunakan gambar berbentuk persegi dengan perbandingan rasio 16 x !6 pixel. Hal ini bertujuan agar favorite icon tersebut dapat terlihat maximal di browser internet.

Tidak cukup hanya itu saja, anda juga harus mengubah format file gambarnya menjadi .ico agar dapat terbaca oleh browser internet. Untungnya, banyak sekali platform online yang dapat membantu anda dalam mengubah gambar menjadi persegi dan berformat favicon.ico, jadi anda tidak perlu khawatir perihal bagaimana cara mengubahnya.

Selain itu, banyak juga favorite icon generator yang dapat memudahkan anda dalam proses mengubah gambar yang anda miliki menjadi persegi dan formatnya berubah menjadi .ico.

Berikut adalah daftar favorite icon generator yang dapat anda gunakan:

  1. GenFavicon
  2. Favicon-Generator
  3. RealFaviconGenerator
  4. FaviconGenerator
  5. Favicomatic
  6. Favikon
  7. Favicon.pro
  8. Faviconit
  9. Antifavicon
  10. Faviconr

Cara penggunaannya pun mudah saja. Anda hanya perlu mengupload gambar yang anda tujukan untuk menjadi sebuah favorite icon, lalu favicon generator ini akan langsung menyesuaikannya ke dalam ukuran yang paling ideal untuk sebuah favorite icon.

Namun terkadang yang menjadi sebuah kendala jika anda belum memiliki sebuah logo atau gambar yang cocok untuk menjadi sebuah favorite icon. Untuk menjawab permasalahan itu, beberapa favorite icon generator telah menyediakan layanan untuk pembuatan favorite icon secara online. Artinya anda dapat menggambar langsung favorite icon anda di situs mereka. Contoh yang menyediakan fitur ini seperti Logaster, Xiconeditor, Favicon.cc, dan Webestools.

Sebagai contoh, kami menggunakan favorite icon generator Favicon.cc. Simak langkahnya di bawah ini:

  1. Buka situs web favicon.cc
  2. Kemudian pilihlah “Import Image”
  3. Langkah selanjutnya, anda dapat mengunggah gambar yang akan tujukan untuk menjadi sebuah favicon. Selain itu, anda juga dapat mengubah dimensinya menjadi persegi atau tetap pada dimensi yang asli. Namun tentu saja agar anda mencapai hasil yang maksimal, maka kami menyarankan agar anda mengubah dimensi atau bentuknya menjadi persegi.
  4. Terakhir, anda sudah dapat mengunduh favicon. Jangan lupa untuk mengecek preview terlebih dahulu sebelum melakukan pengunduhan.

2. Tutorial Upload Favicon

Setelah langkah-langkah untuk mendapatkan ukuran gambar sesuai format yang pas, maka langkah berikutnya adalah melakukan unggahan ke blog atau website yang anda miliki. Tapi anda harus mengetahui satu hal, untuk mengunggah file favorite icon ini, anda memerlukan yang namanya FTP, contohnya Filezilla. Anda dapat mengikuti langkah-langkahnya sebagai berikut:

  1. Sambungkan koneksi hosting ke Filezilla
  2. Lihatlah pada kolom di sebelah kanan pada Filezilla terdapat Remote Site. Ini adalah file dan folder di website anda. Kemudian klik public_html.
  3. Lalu di kolom sebelah kiri ada Local Site. Ini adalah file dan folder yang ada di dalam komputer yang anda miliki. Di tahap ini anda dapat mengupload favicon.ico. Hal yang perlu anda ingat adalah selalu memberi nama favicon.ico. Alasannya, karena browser hanya dapat membaca nama file itu untuk selanjutnya akan memunculkan favorite icon blog atau website anda.

KESIMPULAN

Favicon memanglah hanya sebuah gambar kecil di pojok kiri tab browser, namun bukan berarti favorite icon tidak memiliki arti khusus pada blog atau website. Karena dengan adanya favorite icon, pengunjung dapat dengan mudah mengingat blog atau website anda. Terlebih dari itu, favicon juga membantu untuk meningkatkan kepercayaan pengunjung pada anda.

Tekan tombol subscribe agar anda tidak ketinggalan konten-konten bermanfaat dan menarik lainnya. Sekian konten kali ini, terima kasih.

 

Baca juga disini : 

Apa itu Website dan Fungsi Website

5 Perbedaan Blog dan Website yang Belum Kamu Tahu

Cara Menggunakan WordPress dengan Mudah

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

More from our blog

See all posts

Leave a Comment