# 122: Negara Bagian Favicons - Trik CSS

Anonim

Selamanya kita semua membuat grafik 16 × 16 dan entah bagaimana membuatnya dalam format .ico. Saya mungkin menggunakan alat konverter ini jutaan kali. Di suatu tempat di sepanjang garis itu mulai menjadi lebih membingungkan. Browser juga dapat mendukung favicon .png.webp. Dan sekarang ada tampilan retina, dan tidak ada yang terlihat lebih buruk pada retina selain grafik kecil yang ditingkatkan. Sekarang peramban mulai mendukung favicon 32 × 32 juga. Apa yang harus kita lakukan?

Situasinya adalah jika Anda menyediakan keduanya, banyak browser yang mengabaikan .png.webp dan menggunakan .ico. Jonathan Neal memiliki keseluruhan cerita. Jadi, mari kita gunakan .ico itu untuk keduanya. Ini adalah format unik yang dibuat untuk menangani itu.

  • Buat versi 16 × 16 dan 32 × 32, menggunakan keterampilan membuat piksel terbaik Anda untuk mengasah keduanya
  • Simpan sebagai PNG kualitas penuh
  • Buat proyek baru di Icon Slate (melalui)
  • Seret versi ke "lubang" masing-masing
  • "Bangun" untuk membuat .ico
  • Hubungkan .ico itu seperti biasa: