Membuat Favicon Kustom

Daftar Isi:

Anonim

Saya akan mengakui sesuatu yang agak culun. Saya sangat suka favicons. Mereka menyenangkan. Mereka adalah alat branding yang hebat. Dan mereka adalah sesuatu yang sederhana yang dapat dilakukan pemilik usaha kecil untuk meningkatkan situs mereka dan bahkan meningkatkan kegunaan bagi pengguna.

Jika Anda tidak tahu apa itu favicon, izinkan saya menawarkan bantuan:

$config[code] not found

Favicon adalah grafik mini, 16 × 16 piksel yang mewakili situs Web Anda di bilah alamat, di daftar bookmark pengguna atau di tab browser mereka. Mereka memungkinkan pengunjung Anda untuk membuat koneksi visual dengan situs Anda.

Rapi! Bagaimana cara Anda membuatnya?

Rancang favicon Anda:

  • Dengan tangan: Buka program grafik favorit Anda dan mulai saja. Anda ingin membuat file baru dengan ukuran 16 × 16 piksel dan memperbesar hingga area tersebut dapat digunakan ATAU membuka area yang lebih besar, tetapi masih memiliki beberapa kelipatan 16 × 16. Saat Anda merancang favicon Anda dengan tangan, gunakan sesuatu yang secara akurat akan mewakili merek Anda - apakah itu skema warna yang umum, inisial perusahaan Anda, dll. Apa pun yang Anda buat harus tahan dengan batasan keras 16 × 16 piksel.
  • Dengan alat: Jika desain Anda ditantang (jangan khawatir, saya juga), ada beberapa alat hebat yang memudahkan bahkan orang-orang seperti kita untuk membuat favicon hebat. Sebagai contoh, Favicon.cc akan memberi Anda beberapa struktur dan membiarkan Anda membangun Anda langsung dari situs mereka atau FavIcon dari Pics akan memungkinkan Anda mengunggah foto dan menghasilkan favicon untuk Anda. Sederhana!

Simpan favicon Anda: Saat menyimpan file Anda, kurangi menjadi 16 bit dan simpan sebagai "favicon.ico" jika Anda menggunakan Photoshop atau "favicon.gif" atau "favicon.png" jika Anda menggunakan sesuatu yang lain. Jika Anda menggunakan Photoshop dan ingin memberikan kekuatan ekstra kepada favicon Anda, Anda disarankan untuk mengunduh plugin format file Ikon Windows sehingga Anda dapat menyimpannya dalam format ICO.

Unggah favicon Anda: Sambungkan ke server Anda dan unggah favicon Anda ke folder root situs Anda. Lalu, tambahkan kode HTML berikut ke bagian kepala halaman Web Anda (di antara dua tag Kepala) (pilih jenis file Anda):

Menyegarkan: Setelah selesai, segarkan peramban Anda dan Anda akan melihat favicon Anda muncul. Jika tidak, berikan beberapa menit. Terkadang butuh sedikit waktu untuk mensinkronkan semuanya.

Dan itu dia! Empat langkah dan Anda memiliki favicon bermerek hebat yang akan membantu pengguna mengenali situs Anda dalam daftar bookmark atau di browser mereka. Cukup sederhana, bukan?

Hanya untuk bersenang-senang, berikut adalah beberapa kartu favorit saya di Web:

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

Adakah favorit pribadi lainnya?

17 Komentar ▼