Favicon - mempunyai ikon tapak anda di bar alamat

Laman web tertentu mempunyai ikon di sebelah kiri URL dalam bar alamat penyemak imbas internet. Terdapat beberapa kaedah yang tersedia untuk membuat favicon atau ikon untuk laman web yang boleh dipaparkan dalam bar alamat. Lukisan perisian seperti Gimp, Pixia atau perisian khusus seperti IconEdit32 atau IconWare boleh digunakan untuk membuat favicon . Terdapat laman web yang boleh digunakan untuk mengubah favicon imej. Beberapa laman web membolehkan webmaster untuk menghasilkan fail ICO dan menghidupkan favicon . Tag Pautan digunakan untuk menandakan laluan favicon dan meletakkannya secara dalam talian supaya pengunjung ke laman web dapat melihat ikon di bar alamat.

  • Mewujudkan favicon
    • Untuk kebanyakan penyemak imbas:
    • Untuk Internet Explorer:
  • Untuk membuat favicon animasi atau menjana fail ICO
  • Meletakkan favicon dalam talian
  • Nota

Anda mungkin perasan kehadiran ikon di sebelah kiri URL dalam bar alamat penyemak imbas anda ketika mengakses laman web tertentu?

Untuk melaksanakan ikon jenis ini di laman web anda sendiri ikuti langkah-langkah di bawah.

Mewujudkan favicon

Terdapat beberapa kaedah:

  • Lukisan perisian (Gimp, pixia, inkscape ...)
  • Perisian khusus (IconEdit32 atau IconWare)
  • Tapak web (yang mengubah favicon imej):
    • //www.html-kit.com/favicon/
    • //www.html-kit.com/favicon
    • //www.favicon.co.uk/
    • //www.favicon.hu/
    • //tools.dynamicdrive.com/favicon/
    • //favikon.com/

Untuk kebanyakan penyemak imbas:

Langkah pertama ialah membuat imej dalam png atau gif.

Anda boleh memilih dari pelbagai saiz, 16x16 atau 32x32 (piksel).

Untuk Internet Explorer:

Untuk penyemak imbas ini, gunakan imej atau fail .ico (dinamakan semula bmp) -saiz 16x16 piksel.

Untuk membuat favicon animasi atau menjana fail ICO

//www.html-kit.com/favicon/

  • Pautan di atas akan membolehkan anda bukan sahaja untuk menghasilkan fail ICO dengan mudah tetapi juga untuk menghidupkan favicon anda dan tatal teks jika anda mahu.
  • Klik butang Layari dan pilih imej pada komputer anda.
  • Anda juga boleh menambah teks untuk menatal selepas ikon anda; ia secara automatik menjana ikon animasi.
  • Akhir sekali, ia juga mungkin untuk menghasilkan ikon animasi tanpa teks, dengan memeriksa Favicon Animasi (favicon itu sendiri yang nampaknya tatal).
  • Kemudian klik butang Generate Favicon.ico
  • Anda kemudian akan mempunyai gambaran keseluruhan favicon anda.
  • Kemudian muat turun fail zip pada komputer anda.
  • Selepas mencuba fail, salin fail favicon.ico ke laman web anda.
  • Jika anda telah memuat turun ikon animasi, fail ZIP juga akan mengandungi fail tambahan yang mengandungi favicon animasi (animated_favion1.gif) kemudian salin ke laman web anda.

Meletakkan favicon dalam talian

  • Untuk meletakkan favicon di laman web anda, tandakan laluannya melalui tag pautan yang terdapat di tajuk.
  • Berikut adalah contoh dengan imej png:

  • Bergantung pada format, atribut "jenis" akan berubah:

Png: image / png

Format Gif: imej / gif

Format Jpeg (sambungan jpeg atau jpg): imej / jpeg

  • Dan jika anda mempunyai favicon yang tidak memenuhi piawaian, atribut "rel" juga berubah:

 link rel = "shortcut icon" type = "image / x-icon" href = "/ images / icon_ie.ico" /> 
  • Sekiranya ikon anda dinyalakan (GIF, masukkan tag berikut:

Nota

Artikel Sebelumnya Artikel Seterusnya

Tip-Tip Utama