Cara Memposting Favicon di Situs Anda

• April 27, 2024

Favicon, atau ikon pintasan, adalah gambar kecil yang muncul di sebelah url situs di bilah alamat browser Anda. Itu juga muncul di sebelah nama situs di Bookmark atau daftar Favorit Anda, dan jika Anda menggunakan browser tab itu mungkin juga muncul di tab.

Posting favicon ke situs Anda adalah cara yang bagus untuk menambah sedikit kepribadian, dan sebenarnya cukup mudah. Bagian tersulit dari proses ini adalah memilih gambar untuk memulai! Jika Anda memiliki mata yang bagus untuk grafis, Anda dapat mendesain sendiri. Jika tidak, Anda selalu dapat memilih gambar dari web. Jika Anda memutuskan untuk menggunakan gambar yang ada, JANGAN unduh saja gambar dari situs lain dan poskan ke milik Anda - Anda akan melanggar hak cipta webmaster itu dan dapat berakhir dalam masalah serius. Sebagai gantinya, ambil gambar dari salah satu sumber gratis di Internet.

Favicon Anda harus berukuran tertentu agar berfungsi - baik 16X16 piksel atau 32X32 piksel. Ini sangat kecil, jadi ketika Anda memilih gambar dasar Anda pastikan itu salah satu yang akan terlihat baik-baik saja menyusut ke ukuran prangko. Warna-warna cerah dan bentuk sederhana biasanya paling baik. Anda juga harus menyimpan gambar Anda dalam salah satu format favicon yang diterima: .png, .gif atau .ico. Sebagian besar pengembang web menggunakan .ico karena favicon Anda kemungkinan akan menjadi satu-satunya file di situs web Anda dengan ekstensi itu, jadi favicon Anda akan menonjol ketika Anda membaca sekilas direktori situs Anda.

Anda dapat menggunakan salah satu dari sejumlah alat web gratis untuk mengonversi gambar Anda menjadi file .ico yang berukuran benar. Saya menggunakan satu yang ditawarkan oleh pembuat HTML Kit, yang memungkinkan Anda membuat favicon statis dan animasi. Ada tautan ke alat favicon di bawah artikel ini.

Sekarang sampai pada bagian yang mudah - menambahkan favicon ke situs Anda! Anda memiliki dua opsi untuk menampilkan gambar favicon. Opsi pertama dan paling aman adalah dengan meletakkan kode berikut di bagian kepala setiap halaman di mana Anda ingin favicon ditampilkan, mengganti bagian 'href' dengan url dari favicon Anda:


type = "image / ico"
href = "// example.com/myicon.ico">

Opsi kedua adalah memberi nama favicon Anda "favicon.ico" dan menempatkannya di direktori root Anda (ini biasanya direktori yang sama dengan beranda Anda). Dengan metode ini Anda bahkan tidak perlu menambahkan kode ke halaman web Anda, dan hampir semua browser akan mengambil ikon - namun, browser tertentu (biasanya yang lebih lama) tidak akan menampilkan favicon jika Anda menggunakan metode ini.

Petunjuk Video: Cara Menambahkan favicon di mybb forum (April 2024).