Selesai: favicon untuk halaman html

Masalah utama yang berkaitan dengan favicon untuk halaman HTML ialah ia boleh menjadi sukar untuk dilaksanakan. Favicon ialah ikon kecil yang muncul dalam tab penyemak imbas atau bar alamat tapak web, dan ia sering digunakan untuk mengenal pasti tapak web atau jenama. Untuk menambah favicon pada halaman HTML, ikon mesti disimpan sebagai fail .ico dan kemudian dipautkan dalam kod HTML menggunakan tag. Ini boleh menjadi rumit bagi mereka yang tidak biasa dengan pengekodan, kerana terdapat beberapa langkah yang terlibat dan ia memerlukan pengetahuan tentang sintaks HTML. Selain itu, sesetengah penyemak imbas mungkin tidak mengenali favicon jika ia tidak dilaksanakan dengan betul.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

1. Baris kod ini mencipta pautan ke fail luaran yang dipanggil "favicon.ico".
2. Pautan diberikan atribut "rel" dengan nilai "ikon pintasan", yang menunjukkan bahawa ini adalah ikon pintasan untuk tapak web.
3. Atribut href memberikan laluan ke fail favicon, yang dalam kes ini hanyalah "favicon.ico".
4. Atribut jenis menunjukkan bahawa fail ini ialah imej jenis x-icon, iaitu jenis imej khas yang digunakan untuk ikon dan logo tapak web.

Apa itu favicon

Favicon ialah ikon kecil yang dikaitkan dengan tapak web atau halaman web. Ia biasanya dipaparkan dalam bar alamat penyemak imbas, bersebelahan dengan URL tapak. Ia juga boleh digunakan untuk mengenal pasti penanda halaman dalam pelayar web dan sebagai ikon untuk pintasan pada komputer dan peranti mudah alih. Favicon biasanya bersaiz 16×16 piksel dan disimpan sebagai fail .ico.

Cara Menambah Favicon pada Tapak Web Anda

Menambah favicon pada tapak web anda ialah cara terbaik untuk menambah lapisan penjenamaan dan identiti tambahan pada tapak anda. Favicon ialah ikon kecil yang muncul dalam tab penyemak imbas di sebelah tajuk tapak web anda. Ia juga boleh digunakan sebagai pintasan pada peranti mudah alih, menjadikannya lebih mudah untuk pengguna mencari dan mengakses tapak anda.

Untuk menambah favicon pada tapak web anda dalam HTML, anda memerlukan fail imej dengan sambungan .ico. Imej ini hendaklah bersaiz 16×16 piksel atau 32×32 piksel. Sebaik sahaja anda telah mencipta atau memperoleh fail imej ini, anda boleh memuat naiknya ke direktori akar tapak web anda.

Setelah dimuat naik, anda perlu menambah elemen pautan dalam bahagian kepala setiap halaman di tapak anda yang menghala ke arah fail imej ini:

Elemen pautan ini memberitahu pelayar di mana mereka boleh mencari favicon untuk tapak web anda supaya ia boleh dipaparkan dengan betul apabila seseorang melawat salah satu halamannya.

Akhir sekali, jika anda mahu pelayar seperti Chrome dan Firefox memaparkan versi favicon yang lebih besar (192×192 piksel), maka anda perlu mencipta versi ikon yang lain dan memuat naiknya ke dalam direktori akar juga:

Setelah semua langkah ini selesai, pelawat kini seharusnya melihat favicon tersuai anda apabila mereka melawat mana-mana halaman di tapak web anda!

Related posts:

Tinggalkan komen