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

Daftar Isi:

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: Membuat Foto Tajam tapi Lembut dan Enak dilihat di Photoshop 2024, Mungkin
Anonim

Saat Anda mengunjungi situs web seperti Google, Yahoo, atau wikiHow, Anda mungkin memperhatikan bahwa ada ikon kecil di sebelah kiri bilah alamat. Ini dikenal sebagai favicon, dan Anda dapat membuatnya sendiri untuk situs web. Selain memberikan nuansa yang lebih profesional pada situs Anda, ikon tersebut akan muncul di bookmark pengguna di sebelah halaman mana pun di situs Anda yang mereka tempatkan di favorit mereka. Ini dapat membantu mereka menemukan situs Anda dengan lebih mudah.

Langkah

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

Langkah 1. Buat gambar berukuran 16x16 piksel

Itu harus berupa gambar sederhana, sehingga langsung dapat dikenali.

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

Langkah 2. Ubah gambar menjadi file favicon.ico

Itu harus disebut persis seperti ini, atau browser tidak akan mengenalinya. Cara mudah untuk melakukannya adalah dengan menggunakan Dynamic Drive FavIcon Generator. Cara lain adalah dengan menggunakan editor gambar gratis GIMP dan menyimpan gambar 16x16 dalam format ICO.

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

Langkah 3. Unggah file yang dihasilkan ke situs web Anda

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

Langkah 4. Tambahkan kode berikut ke HTML situs web Anda

Anda harus meletakkannya di bagian kode, dan pastikan jalur ke ikon sudah benar, relatif terhadap halaman web. Kode berikut (dengan asumsi.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 situs web Anda yang indah

Tips

  • Meskipun ikon Anda akan sangat kecil, pastikan orang lain dapat dengan mudah membaca/memahaminya.
  • Jika Anda menggunakan Linux, Anda dapat mengonversi file langsung di komputer Anda. Cukup pilih gambar yang sesuai, buka baris perintah Anda, navigasikan ke direktori tempat Anda menyimpan gambar dan ketik: convert picture-p.webp" />

Direkomendasikan: