ICO lwn PNG untuk Favicon
ICO adalah universal tetapi lama; PNG adalah moden tetapi memerlukan pemautan yang jelas. Inilah cara untuk menggunakan kedua-duanya bersama-sama.
ICO: sandaran universal
Setiap penyemak imbas desktop mengambil /favicon.ico tanpa anda melakukan apa-apa. Ia adalah bekas yang boleh memuatkan berbilang resolusi.
Pintasan Windows dan Penjelajah Fail bergantung pada .ico, jadi walaupun anda tidak mengambil berat tentang favicon web, hantarkan satu untuk OS.
PNG: piksel sempurna pada sebarang ketumpatan
PNG memaparkan dengan jelas pada paparan DPI tinggi apabila anda memautkannya dengan <link rel="icon" sizes="...">.
Gunakan 192×192 dan 512×512 PNG untuk manifes web dan 180×180 untuk apple-touch-icon.
Keputusan: gunakan kedua-duanya
Hantar .ico berbilang saiz untuk sokongan universal, serta varian PNG untuk paparan HD dan gesaan pemasangan PWA. Tambahkan SVG di atas untuk ikon berskala paling tajam.