Ikon untuk sebuah situs, atau, lebih sering disebut, ikon adalah apa yang dapat Anda lihat di sudut di sebelah nama tab di browser. Juga, ikon ditampilkan di seberang nama situs dalam daftar "Favorit", Anda juga dapat melihatnya ketika mesin pencari menampilkan situs Anda di hasil pencarian.
Itu perlu
- -logo situs,
- - Photoshop,
- - konverter favicon.
instruksi
Langkah 1
Buka logo situs web Anda di Adobe Photoshop. Jika tidak ada logo, Anda dapat mengambil gambar lain, hanya penting bahwa itu terkait dengan situs Anda. Proses gambar dengan menghapus semua detail yang tidak perlu, dan sekarang kurangi ukurannya menjadi 32 atau 16 piksel di setiap sisi. Kemudian simpan gambar sebagai file grafik.png
Langkah 2
Yang terbaik dari semuanya, jika Anda akhirnya membuat file dengan resolusi 32x32 piksel, karena pengguna terkadang menyimpan pintasan situs yang mereka sukai di "Desktop", dan di sana gambar 16x16 piksel terlihat kurang detail. Namun, perlu diingat bahwa di browser ikon Anda masih akan diskalakan menjadi 16x16 piksel, ini adalah gambar yang ditampilkan di Favorit dan di judul.
Langkah 3
Sekarang Anda perlu mengonversi gambar ke file ico. Ini dapat dilakukan menggunakan plug-in untuk Photoshop atau menggunakan layanan Internet gratis, misalnya, https://favicon.ru/. Ada banyak plugin dan layanan, mereka bekerja dengan cara yang hampir sama, jadi tidak ada gunanya menyarankan yang spesifik. Situs-situs ini disebut generator favicon.
Langkah 4
Ganti nama file yang dihasilkan menjadi favicon.ico.
Langkah 5
Sekarang buka panel kontrol situs Anda dan temukan direktori root tempat halaman pertama berada. Ini biasanya index.html atau file lain yang dihasilkan oleh sistem manajemen konten. Mungkin sudah ada ikon bernama favicon.ico. Dalam hal ini, hapus ikon lama dan ganti dengan milik Anda sendiri.
Langkah 6
Jika direktori root tidak tersedia untuk Anda, serta dalam kasus tersebut jika Anda menulis kode untuk situs itu sendiri, maka Anda perlu mengedit semua halaman situs tempat ikon akan muncul. Buka halaman di editor dan tambahkan entri di bagian kepala
Langkah 7
Jika ikon tidak terletak di direktori root, tetapi di tempat lain, maka di parameter href tulis path lengkap file.
