Pastinya, di lebih dari satu kesempatan, Anda pernah mendengar tentang favicon. Ini terkait erat dengan desain web, dan ini adalah poin penting bahwa di setiap halaman, baik itu toko online, blog, situs web, dll. mereka akan bertanya padamu. Tapi, Apa itu favicon? Untuk apa ini? Dan yang paling penting, bagaimana cara melakukannya?
Jika Anda memiliki banyak keraguan tentang ini, di sini kami akan memberi Anda kunci agar Anda memahaminya dan, yang terpenting, agar Anda dapat mempresentasikannya dalam proyek Anda dan mendapatkan presentasi yang lebih baik. Kami jamin!
Apa itu favicon
Kami akan mulai dengan menjelaskan apa itu favicon sehingga Anda memahaminya. Dan, untuk ini, tidak ada yang lebih baik daripada memberi Anda contoh praktis. Bayangkan Anda sedang menjelajah sekarang (sebenarnya, Anda sedang membaca kami). Tetapi Anda tidak hanya memiliki satu tab, tetapi beberapa di antaranya. Anda mungkin telah memperhatikan bahwa, di masing-masing, nama dari apa yang ditampilkan halaman itu, apakah itu YouTube (karena Anda mendengarkan musik latar), Gmail (karena surat Anda terbuka) atau halaman ini.
Di samping setiap nama, di sebelah kiri, gambar kecil muncul, dalam bentuk persegi. Yang ada di Youtube dan Gmail pasti diidentifikasi dengan logo yang mereka miliki, tetapi bagaimana dengan tab lainnya?
Nah, yang Anda lihat sebenarnya adalah favicon. Dengan kata lain, ini adalah a ikon yang terkait dengan halaman yang Anda kunjungi, Itulah mengapa sangat penting untuk memperhatikan detail ini, karena ketika Anda menambahkan halaman ke favorit atau pintasan, favicon menjadi "gambar" dari halaman itu dan itulah mengapa Anda harus menjaga desainnya agar terkait dengan sempurna (dan yang terpenting terlihat bagus untuk membedakannya dari yang lain).
Ikon kecil ini biasanya memiliki set ukuran yaitu 16 × 16 piksel (meski bisa juga disetel pada 32x32px). Di dalamnya Anda harus berhati-hati agar semua yang Anda taruh terlihat benar karena, jika tidak, akan muncul sebagai noda kecil yang dapat dikenali (dan itu akan memberikan citra yang sangat buruk pada halaman Anda).
Mengapa favicon begitu penting?
Sekarang setelah Anda mengetahui apa itu favicon, dan Anda telah menemukannya di halaman yang biasanya Anda buka, apakah Anda memperhatikan bahwa saat ini semakin sedikit halaman yang hilang? Ini karena sangat penting untuk memberikan visi tentang keanggunan dan pengetahuan. Artinya, Anda akan menyampaikan citra merek atau perusahaan yang peduli dengan detail.
Namun favicon juga memiliki kegunaan lain seperti:
- Berfungsi sebagai identifikasi halaman Anda. Biasanya favicon ini terkait dengan logo yang Anda miliki di website Anda, hanya dalam ukuran yang lebih kecil. Tetapi ketika logo terlalu besar dan tidak akan terlihat pada tombol kecil, Anda cenderung memilih sesuatu yang berhubungan dengan itu.
- Anda akan membantu pengguna yang telah menyimpan halaman Anda untuk mengidentifikasinya secara visual. Jadi, meskipun mereka tidak ingat url, atau nama perusahaan, karena gambar favicon mereka akan menemukannya.
- Menjadi "baik" dengan SEO. Ini harus diambil dengan sebutir garam. Dan apakah memiliki atau tidak memiliki favicon tidak akan secara langsung mempengaruhi SEO (artinya, itu tidak akan memposisikan Anda lebih baik atau lebih buruk untuk memilikinya atau tidak). Sekarang, semakin umum bahwa, ketika browser memasuki halaman, ia mencari favicon itu dan, ketika tidak menemukannya, maka akan muncul kesalahan 404. Dan Anda tahu bahwa kesalahan ini tidak baik untuk SEO dari sebuah halaman.
Cara membuat favicon
Setelah dilihat, terlihat jelas bahwa favicon merupakan elemen penting saat memiliki sebuah halaman web. Sekarang, bagaimana cara membuatnya?
Anda harus tahu bahwa, dalam banyak kasus, yang dilakukannya adalah pilih logo situs web itu, atau jika terlalu besar, sesuatu yang mengidentifikasinya. Misalnya, bayangkan Anda memiliki situs web televisi yang Anda panggil dengan suatu cara. Tapi itu, dalam favicon, terlalu besar. Sebagai gantinya, Anda bisa memasang gambar televisi sehingga mereka menghubungkannya. Dalam kasus ini, disarankan agar menggunakan warna yang sama dengan situs web Anda sehingga mereka dapat mengidentifikasinya dengan lebih baik.
Dan sekarang, bagaimana kita bisa membuat favicon? Nah, Anda punya beberapa opsi:
Photoshop, Gimp ...
Dengan kata lain, kita berbicara tentang program pengeditan gambar karena favicon dibuat persis sama dengan gambar. Tentu saja, Anda harus menyimpannya dalam format .ico agar dapat dikenali karena tidak dapat dibiarkan sebagai jpg, gif, atau sejenisnya.
Cara melakukannya memungkinkan Anda menyesuaikan favicon dengan lebih baik, mengelola untuk membuatnya dari awal dan memberikan hasil akhir yang Anda inginkan. Biasanya untuk ini Anda bekerja dengan gambar dalam ukuran normal dan kemudian menyesuaikannya dengan ukuran tombol itu.
Faktanya, itu harus diunggah dan diuji di browser yang berbeda untuk melihat apakah itu terlihat bagus, mewakili dan, yang terpenting, dipahami.
Menggunakan alat online
Dalam hal ini kami merujuk ke halaman web yang menangani pengubahan gambar apa pun yang Anda inginkan menjadi favicon dalam hitungan detik. Tapi Anda juga punya pilihan desain favicon Anda langsung dengan halaman tersebut.
Jika Anda menginginkan yang pertama (unggah gambar dan konversikan), maka kami merekomendasikan Favicon Generator atau Favic-o-matic. Tetapi jika Anda menginginkan yang terakhir (desain dari awal), bertaruhlah pada favicon.io atau editor x-icon.
Dengan WordPress
Apakah halaman Anda dibuat di WordPress? Dan tahukah Anda bahwa Anda dapat menggunakan sistem itu untuk membuat favicon Anda. Untuk ini, Anda dapat menggunakan beberapa plugin yang memungkinkan Anda membuat tombol ini berdasarkan gambar yang telah Anda unggah (atau yang Anda unggah). Juga melalui "Penampilan / Kustomisasi" Anda bisa melakukannya.
Setelah favicon selesai, Anda hanya perlu meletakkannya di situs web Anda dan membuatnya mengenalinya agar dapat ditampilkan di area kiri nama halaman Anda, serta saat menyimpannya di favorit. Dengan cara ini mereka akan dengan mudah mengenali Anda tanpa harus berhenti untuk membaca jika itu adalah halaman yang benar-benar ingin mereka kunjungi.