# 122: Negeri Favicons - Trik CSS

Isi kandungan

Selamanya kita semua membuat grafik 16 × 16 dan memasukkannya ke dalam format .ico. Saya mungkin menggunakan alat penukar ini sejuta kali. Di suatu tempat di sepanjang jalan mula menjadi lebih membingungkan. Penyemak imbas juga boleh menyokong favicon .png.webp. Dan sekarang terdapat paparan retina, dan tidak ada yang kelihatan lebih buruk pada retina daripada grafik kecil kecil yang ditingkatkan. Penyemak imbas juga mula menyokong favicon 32 × 32 sekarang. Apa yang perlu kita buat?

Situasinya adalah jika anda menyediakan kedua-duanya, banyak penyemak imbas mengabaikan .png.webp dan menggunakan .ico. Jonathan Neal mempunyai keseluruhan cerita. Oleh itu, mari kita gunakan .ico untuk kedua-duanya. Ini adalah format unik yang dibina untuk mengendalikannya.

  • Buat kedua versi 16 × 16 dan 32 × 32, menggunakan kemahiran membuat piksel terbaik untuk mengasah keduanya
  • Simpan mereka sebagai PNG berkualiti penuh
  • Buat projek baru di Icon Slate (via)
  • Seret versi ke dalam "sumur" masing-masing
  • "Bangun" untuk membuat .ico
  • Pautkan itu .ico seperti biasa:

Artikel menarik...