Perakaunan

Apa itu Favicon & Bagaimana Membuat Satu untuk Laman Web Anda

Isi kandungan:

Anonim

Favicon adalah ikon 16 × 16 piksel kecil yang muncul di bahagian atas pelayar web. Ia berfungsi sebagai penjenamaan untuk laman web anda dan cara mudah bagi pelawat untuk mencari halaman anda apabila mereka mempunyai banyak tab terbuka.Kerana saiznya yang kecil, favicons berfungsi sebagai imej mudah atau satu hingga tiga watak teks.

Contoh favicons pada pelayar desktop.

Untuk mendapatkan favicon untuk tapak web anda, anda boleh menyewa pereka bentuk untuk membuatnya berdasarkan warna logo dan jenama anda untuk hanya $ 5. Kepala ke Fiverr untuk melihat beberapa contoh.

Apa Saiz & Format Harus Favicons Be

16 × 16 piksel adalah saiz standard yang digunakan oleh penyemak imbas laman web desktop. Walau bagaimanapun, banyak pembina laman web akan meminta saiz lebih besar. Sebagai contoh, WordPress memerlukan 512 × 512 piksel dan Squarespace meminta 300 × 300 piksel.

Ini kerana favicons tidak hanya digunakan dalam bar penyemak imbas. Mereka juga dipaparkan apabila pengguna menanda halaman atau menyimpan jalan pintas ke desktop atau skrin utama mudah alih mereka. Dalam kes ini, saiz ikon tumbuh lebih besar.

Contoh favicons pada skrin utama telefon pintar. Ikon-ikon ini jauh lebih besar daripada favicons desktop yang digambarkan di atas.

Untuk menjadi selamat, cuba muat naik apa saiz imej yang diminta oleh pembina laman web anda. Sekali lagi, untuk WordPress, ini adalah 512 × 512 piksel. WordPress secara automatik mengubah saiz dan memaparkan imej yang sesuai untuk setiap senario, jadi anda tidak perlu bimbang mengubah saiznya sendiri.

Format fail standard untuk favicons adalah .ico tetapi kebanyakan platform laman web juga akan diterima .png fail.

Bagaimana Membuat Favicon

Selain melompat ke dalam program grafik, terdapat tiga cara mudah untuk membuat favicon:

  1. Cari imej tanpa hak pada Pemidang Ikon
  2. Sewa pereka di Fiverr untuk membuat satu dari awal
  3. Muat naik logo anda ke App Icon Maker (tidak disyorkan)

Sebab saya berhati-hati terhadap pilihan ketiga adalah bahawa kebanyakan logo perniagaan akan muncul "squished" apabila disaiz semula kepada dimensi favicon. Kecuali jika anda mempunyai logo berbentuk persegi yang sangat asas sudah ada, terperinci peluang yang baik akan hilang, dan teks anda tidak dapat dibaca.

Sebaliknya, lebih baik untuk membuat atau mencari imej yang kelihatan baik pada 16 × 16 piksel dari awal. Sekali lagi, inilah cara termudah untuk melakukan ini:

Bagaimana Membuat Favicon Dengan Iconfinder

1. Masukkan kata kunci yang sepadan dengan perniagaan anda, seperti restoran, golf atau haiwan kesayangan

2. Di menu kiri, tukar jenis lesen kepada "Untuk Kegunaan Komersial"

3. Tukar saiz ikon kepada 512 piksel (atau apa sahaja yang diperlukan oleh platform web anda)

4. Klik pada imej kegemaran anda dalam hasil

5. Pastikan 512 x 512 dipilih di bahagian atas

6. Klik "Muat turun PNG"

Sekarang muat naik fail ini ke pembina laman web anda, dan anda baik untuk pergi.

Bagaimana Membuat Favicon di fiverr

Sekiranya anda tidak berpuas hati dengan mana-mana ikon pada Iconfinder atau hanya mahu sesuatu yang berfungsi dengan lebih baik dengan jenama anda, fiverr adalah pertaruhan terbaik anda. Anda boleh menyewa seseorang untuk membuat favicon dari awal hanya $ 5.

Cukup ikuti pautan dan pilih pereka dengan contoh yang baik dan ulasan positif. Kebanyakan pereka akan dapat membuat sesuatu berdasarkan logo anda dan nota reka bentuk yang anda ingin berikan. Kebanyakannya juga termasuk satu atau dua pusingan semakan tanpa mengenakan bayaran tambahan.

Garisan bawah

Mewujudkan favicon adalah langkah kecil tetapi penting untuk menubuhkan laman web perniagaan. Ia menambah legitimasi ke laman web anda dan membantu meningkatkan penjenamaan dalam talian anda.

Untuk petua lebih lanjut mengenai penjenamaan laman web anda, pastikan anda menyemak panduan kami mengenai reka bentuk logo dan fotografi produk. Panduan laman web perniagaan kecil kami juga meliputi reka bentuk hosting dan laman web dengan lebih terperinci.

Pilihan Editor