Cara Membuat Ikon Untuk Laman Web

Isi kandungan:

Cara Membuat Ikon Untuk Laman Web
Cara Membuat Ikon Untuk Laman Web

Video: Cara Membuat Ikon Untuk Laman Web

Video: Cara Membuat Ikon Untuk Laman Web
Video: cara membuat icon website script icon website cara menambahkan icon pada website 2024, April
Anonim

Ikon untuk laman web, atau, seperti yang lebih sering disebut, ikon adalah yang dapat anda lihat di sudut di sebelah nama tab di penyemak imbas. Juga, ikon dipaparkan di seberang nama laman web dalam senarai "Kegemaran", anda juga dapat melihatnya ketika mesin pencari menunjukkan laman web anda dalam hasil carian.

Cara membuat ikon untuk laman web
Cara membuat ikon untuk laman web

Ia perlu

  • - logo laman web,
  • - Photoshop,
  • - penukar favicon.

Arahan

Langkah 1

Buka logo laman web anda di Adobe Photoshop. Sekiranya tidak ada logo, anda boleh mengambil gambar lain, hanya penting ia dikaitkan dengan laman web anda. Memproses gambar dengan membuang semua butiran yang tidak perlu, dan sekarang kurangkan ukurannya menjadi 32 atau 16 piksel di setiap sisi. Kemudian simpan gambar sebagai fail grafik.png

Langkah 2

Paling baik, jika anda akhirnya membuat fail dengan resolusi 32x32 piksel, kerana pengguna kadang-kadang menyimpan jalan pintas dari laman web yang mereka sukai di "Desktop", dan gambar 16x16 piksel kelihatan kurang terperinci. Namun, perlu diingat bahawa di penyemak imbas ikon anda akan tetap berskala menjadi 16x16 piksel, ini adalah gambar yang dipaparkan di Favorites dan di tajuk.

Langkah 3

Sekarang anda perlu menukar gambar ke fail ico. Ini dapat dilakukan dengan menggunakan pemalam untuk Photoshop atau menggunakan perkhidmatan Internet percuma, misalnya, https://favicon.ru/. Terdapat banyak plugin dan perkhidmatan, mereka berfungsi dengan cara yang hampir sama, jadi tidak ada gunanya menasihati yang khusus. Laman web ini dipanggil generator favicon.

Langkah 4

Namakan semula fail yang dihasilkan menjadi favicon.ico.

Langkah 5

Sekarang pergi ke panel kawalan laman web anda dan cari direktori root di mana halaman pertama berada. Ini biasanya index.html atau fail lain yang dihasilkan oleh sistem pengurusan kandungan. Mungkin sudah ada ikon bernama favicon.ico. Dalam kes ini, padamkan ikon lama dan ganti dengan ikon anda sendiri.

Langkah 6

Sekiranya direktori root tidak tersedia untuk anda, begitu juga jika anda menulis sendiri kod untuk laman web ini, maka anda perlu mengedit semua halaman di mana ikon tersebut akan muncul. Buka halaman di editor dan tambahkan entri di bahagian kepala

Langkah 7

Sekiranya ikon terletak bukan di direktori root, tetapi di tempat lain, maka dalam parameter href tulis jalan penuh fail.

Disyorkan: