Mewujudkan Favicon Custom

Isi kandungan:

Anonim

Saya akan mengakui sejenis geeky. Saya sangat suka favicons. Mereka seronok. Mereka adalah alat penjenamaan yang hebat. Dan mereka adalah sesuatu yang mudah bahawa pemilik perniagaan kecil boleh lakukan untuk memboroskan laman web mereka dan bahkan meningkatkan kebolehgunaan untuk pengguna.

Sekiranya anda tidak tahu apa favicon, mari saya menawarkan bantuan:

$config[code] not found

Favicons adalah mini, 16 × 16 piksel grafik yang mewakili laman web anda di bar alamat, dalam senarai bookmark pengguna atau di dalam tab pelayar mereka. Mereka membenarkan pengunjung anda membuat sambungan visual dengan laman web anda.

Rapi! Bagaimana anda membuatnya?

Reka bentuk favicon anda:

  • Dengan tangan: Buka program grafik favorit anda dan dapatkannya. Anda akan sama ada membuat fail baru iaitu 16 × 16 piksel dan zum masuk sehingga kawasan tersebut dapat dilaksanakan ATAU membuka kawasan yang lebih besar, tetapi masih beberapa jenis 16 × 16. Apabila anda merancang favicon anda dengan tangan, gunakan sesuatu yang secara akurat mewakili jenama anda - sama ada ia menjadi skema warna biasa, inisial syarikat anda, dan lain-lain. Apa sahaja yang anda buat akan mempunyai sekatan keras 16 × 16 piksel.
  • Dengan alat: Jika anda reka bentuk dicabar (tidak ada kebimbangan, saya juga), terdapat beberapa alat hebat yang memudahkan orang walaupun seperti kita membuat favicons yang hebat. Sebagai contoh, Favicon.cc akan memberikan anda beberapa struktur dan membolehkan anda membina anda terus dari laman web mereka atau FavIcon dari Pics akan membolehkan anda memuat naik gambar dan menjana favicon untuk anda. Mudah!

Simpan favicon anda: Apabila menyimpan fail anda, tolakkannya menjadi 16 bit dan simpan sebagai "favicon.ico" jika anda menggunakan Photoshop atau "favicon.gif" atau "favicon.png" jika anda menggunakan sesuatu yang lain. Sekiranya anda menggunakan Photoshop dan mahu memberi favicon anda beberapa oomph tambahan, disyorkan anda memuat turun fail format ikon Windows Icon supaya anda boleh menyimpan dalam format ICO.

Muat naik favicon anda: Hubungkan ke pelayan anda dan muat naik favicon anda ke folder root tapak anda. Kemudian, tambah kod HTML berikut ke bahagian kepala halaman Web anda (di antara dua tag Kepala) (pilih jenis fail anda):

Muat semula: Setelah selesai, muat semula penyemak imbas anda dan anda akan melihat favicon anda muncul. Jika tidak, berikan beberapa minit. Kadang-kadang diperlukan sedikit untuk segalanya untuk disegerakkan.

Dan itu sahaja! Empat langkah dan anda mempunyai favicon bermerk yang hebat yang akan membantu pengguna mengenali tapak anda dalam senarai penanda buku atau dalam penyemak imbas mereka. Cukup mudah, kan?

Hanya untuk keseronokan, berikut adalah beberapa favicons kegemaran saya di Web:

  • Kembang api Michigan
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Blog SEO Michael Gray

Mana-mana kegemaran peribadi lain?

17 Komen ▼