Pasti, pada lebih daripada satu kesempatan, anda pernah mendengar favicon. Ini berkait rapat dengan reka bentuk web, dan merupakan titik penting bahawa di setiap halaman, sama ada kedai dalam talian, blog, laman web, dll. mereka akan bertanya kepada anda. Tetapi, Apa itu favicon? Untuk apa itu? Dan yang paling penting, bagaimana ia dilakukan?
Sekiranya anda mempunyai banyak keraguan mengenai perkara ini, di sini kami akan memberi anda kunci supaya anda memahaminya dan, lebih-lebih lagi, supaya anda dapat membentangkannya dalam projek anda dan dibiarkan dengan persembahan yang lebih baik. Kami memberi jaminan kepada anda!
Apa itu favicon
Kami akan memulakan dengan menerangkan apa itu favicon sehingga anda memahaminya. Dan, untuk ini, tidak ada yang lebih baik daripada memberi anda contoh praktikal. Bayangkan sekarang anda sedang melayari (sebenarnya, anda membaca kami). Tetapi anda tidak hanya mempunyai satu tab, tetapi beberapa tab. Anda mungkin telah memperhatikan bahawa, di masing-masing, nama apa yang dicerminkan oleh halaman itu muncul, sama ada YouTube (kerana anda mendengar muzik latar), Gmail (kerana anda mempunyai surat anda terbuka) atau halaman ini.
Di sebelah setiap nama, di sebelah kiri, gambar kecil muncul, di segi empat sama. Yang ada di YouTube dan Gmail pasti dikenali oleh logo yang mereka ada, tetapi bagaimana dengan tab yang lain?
Apa yang anda lihat sebenarnya adalah favicon. Dengan kata lain, ia adalah ikon yang berkaitan dengan halaman yang anda lawati, Itulah sebabnya sangat penting untuk memperhatikan perincian ini, kerana apabila anda menambahkan halaman ke kegemaran atau jalan pintas, favicon menjadi "gambar" halaman tersebut dan itulah sebabnya anda harus menjaga reka bentuknya sehingga berkaitan dengan sempurna (dan yang paling penting kelihatan membezakannya dengan yang lain).
Ikon kecil ini biasanya mempunyai set ukuran yaitu 16 × 16 piksel (walaupun ia juga dapat ditetapkan pada 32x32 piksel). Di dalamnya anda harus berhati-hati bahawa semua yang anda letakkan dilihat dengan betul kerana, jika tidak, ia akan kelihatan sebagai noda yang sedikit dapat dikenal pasti (dan itu akan memberikan imej halaman anda yang sangat buruk).
Mengapa favicon begitu penting?
Sekarang setelah anda mengetahui apa itu favicon, dan bahawa anda telah meletakkannya di halaman yang biasanya anda buka, adakah anda perasan bahawa hari ini terdapat lebih sedikit halaman yang hilang? Ini kerana sangat penting untuk memberikan visi keanggunan dan pengetahuan. Maksudnya, anda akan menyampaikan jenama atau imej syarikat yang mementingkan perincian.
Walau bagaimanapun, favicon juga mempunyai kegunaan lain seperti:
- Berkhidmat sebagai pengenalan halaman anda. Biasanya favicon ini berkaitan dengan logo yang anda miliki di laman web anda, hanya dengan ukuran yang lebih kecil. Tetapi apabila logo terlalu besar dan tidak akan kelihatan pada butang, anda cenderung memilih sesuatu yang berkaitan dengannya.
- Anda akan membantu pengguna yang telah menyimpan halaman anda untuk mengenal pasti secara visual. Oleh itu, walaupun mereka tidak ingat url, atau nama syarikat, kerana gambar favicon mereka akan mencarinya.
- Untuk menjadi "baik" dengan SEO. Ini mesti diambil dengan sebutir garam. Dan bahawa mempunyai atau tidak mempunyai favicon tidak akan mempengaruhi SEO secara langsung (iaitu, ia tidak akan meletakkan anda lebih baik atau lebih buruk kerana memilikinya atau tidak) Sekarang, semakin umum bahawa, apabila penyemak imbas memasuki halaman, ia mencari favicon itu dan, apabila tidak menemuinya, maka ia memberikan ralat 404. Dan anda tahu bahawa kesalahan ini tidak baik untuk SEO halaman.
Cara membuat favicon
Setelah melihat, jelas bahawa favicon adalah elemen penting ketika memiliki laman web. Sekarang, bagaimana anda membuatnya?
Anda harus tahu bahawa, dalam kebanyakan kes, apa yang dilakukannya adalah pilih logo laman web itu, atau jika terlalu besar, sesuatu yang mengenalinya. Sebagai contoh, bayangkan bahawa anda mempunyai laman web televisyen yang telah anda hubungi dengan cara tertentu. Tetapi itu, dalam favicon, terlalu besar. Sebagai gantinya, anda boleh meletakkan gambar televisyen sehingga mereka mengaitkannya. Dalam kes ini, disarankan agar anda memakai warna yang sama dengan laman web anda untuk mengenalinya dengan lebih baik.
Dan sekarang, bagaimana kita boleh membuat favicon? Anda mempunyai beberapa pilihan:
Photoshop, Gimp ...
Dengan kata lain, kita membicarakan program penyuntingan gambar kerana favicon dibuat sama seperti gambar. Sudah tentu, anda harus menyimpannya dalam format .ico agar dapat dikenali seperti itu kerana ia tidak boleh dibiarkan seperti jpg, gif atau yang serupa.
Cara melakukannya membolehkan anda menyesuaikan favicon dengan lebih baik, berjaya membuatnya dari awal dan memberikannya kemasan yang anda mahukan. Biasanya untuk ini anda bekerja dengan gambar dalam ukuran normal dan kemudian menyesuaikannya dengan ukuran butang itu.
Sebenarnya, ia mesti dimuat naik dan diuji dalam penyemak imbas yang berbeza untuk melihat apakah ia kelihatan bagus, mewakili dan, di atas semua, difahami.
Menggunakan alat dalam talian
Dalam kes ini, kami merujuk ke laman web yang mengurus menukar gambar yang anda mahukan menjadi favicon dalam beberapa saat. Tetapi anda juga mempunyai pilihan untuk reka favicon anda terus dengan halaman tersebut.
Sekiranya anda mahukan yang pertama (muat naik gambar dan ubah), maka kami mengesyorkan Favicon Generator atau Favic-o-matic. Tetapi jika anda mahukan yang terakhir (rancang dari awal), bertaruh pada editor favicon.io atau x-icon.
Dengan WordPress
Adakah halaman anda dibuat di WordPress? Dan adakah anda tahu bahawa anda boleh menggunakan sistem itu untuk membuat favicon anda. Untuk ini, anda boleh menggunakan beberapa pemalam yang membolehkan anda membuat butang ini berdasarkan gambar yang telah anda muat naik (atau yang anda muat naik). Juga melalui "Penampilan / Peribadikan" anda boleh melakukannya.
Setelah favicon selesai, anda hanya perlu meletakkannya di laman web anda dan mengetahuinya untuk dapat menunjukkannya di bahagian kiri nama halaman anda, dan juga semasa menyimpannya di kegemaran. Dengan cara ini mereka akan mengenali anda dengan mudah tanpa harus berhenti membaca jika itu adalah halaman yang benar-benar mereka mahu lawati.