ICO vs PNG untuk Favicon
ICO bersifat universal tetapi lama; PNG modern tetapi memerlukan tautan eksplisit. Berikut cara menggunakan keduanya secara bersamaan.
ICO: kemunduran universal
Setiap browser desktop mengambil /favicon.ico tanpa Anda melakukan apa pun. Ini adalah wadah yang dapat menampung banyak resolusi.
Pintasan Windows dan File Explorer mengandalkan .ico, jadi meskipun Anda tidak peduli dengan favicon web, kirimkan satu untuk OS.
PNG: piksel sempurna pada kepadatan apa pun
PNG ditampilkan dengan tajam pada tampilan DPI tinggi saat Anda menautkannya dengan <link rel="icon" size="...">.
Gunakan 192×192 dan 512×512 PNG untuk manifes web, dan 180×180 untuk apple-touch-icon.
Putusan: gunakan keduanya
Kirimkan .ico multi-ukuran untuk dukungan universal, ditambah varian PNG untuk tampilan HD dan perintah penginstalan PWA. Tambahkan SVG di atas untuk ikon terukur paling tajam.