Cara Membuat Favicon.ico: 5 Langkah (dengan Gambar)

Isi kandungan:

Cara Membuat Favicon.ico: 5 Langkah (dengan Gambar)
Cara Membuat Favicon.ico: 5 Langkah (dengan Gambar)

Video: Cara Membuat Favicon.ico: 5 Langkah (dengan Gambar)

Video: Cara Membuat Favicon.ico: 5 Langkah (dengan Gambar)
Video: Cara Membuat Ukuran Pas Foto 4x6 dan 3x4 di Photoshop 2024, Mungkin
Anonim

Semasa anda melayari laman web seperti Google, Yahoo atau wikiHow, anda mungkin menyedari bahawa terdapat ikon kecil di sebelah kiri bar alamat. Ini dikenali sebagai favicon, dan anda boleh membuat sendiri untuk laman web. Selain memberikan nuansa profesional kepada laman web anda, ikon akan muncul di penanda buku pengguna di sebelah mana-mana halaman di laman web anda yang mereka masukkan ke dalam kegemaran mereka. Ini dapat membantu mereka mencari laman web anda dengan lebih mudah.

Langkah-langkah

Buat Langkah 1 Favicon.ico
Buat Langkah 1 Favicon.ico

Langkah 1. Buat gambar yang berukuran 16x16 piksel

Ia mestilah gambar yang sederhana, sehingga dapat dikenali dengan serta-merta.

Buat Favicon.ico Langkah 2
Buat Favicon.ico Langkah 2

Langkah 2. Tukar gambar ke fail favicon.ico

Ia mesti disebut betul-betul ini, atau penyemak imbas tidak akan mengenalinya. Cara mudah untuk melakukannya adalah dengan menggunakan Dynamic Drive FavIcon Generator. Cara lain adalah dengan menggunakan GIMP editor gambar percuma dan menyimpan gambar 16x16 dalam format ICO.

Buat Favicon.ico Langkah 3
Buat Favicon.ico Langkah 3

Langkah 3. Muat naik fail yang dihasilkan ke laman web anda

Buat Favicon.ico Langkah 4
Buat Favicon.ico Langkah 4

Langkah 4. Tambahkan kod berikut ke HTML laman web anda

Anda harus memasukkannya ke bahagian kod, dan pastikan jalan ke ikon itu betul, berkaitan dengan laman web. Kod berikut (dengan andaian kedua.html dan.ico berada di direktori teratas yang sama):

Buat Favicon.ico Langkah 5
Buat Favicon.ico Langkah 5

Langkah 5. Segarkan halaman, mundur, dan kagumi ikon baru laman web anda yang indah

Petua

  • Walaupun ikon anda sangat kecil, pastikan orang lain dapat membaca / memahaminya dengan mudah.
  • Sekiranya anda menggunakan Linux, anda boleh menukar fail tersebut secara langsung di komputer anda. Cukup pilih gambar yang sesuai, buka baris arahan anda, arahkan ke direktori di mana anda menyimpan gambar dan taip: ubah gambar-p.webp" />

Disyorkan: