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.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
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.
Soalan lazim
Should I use ICO or PNG for a favicon?
Use both: ICO for universal /favicon.ico fallback and PNG for high-DPI tabs and PWA manifest icons.
Does every browser support PNG favicons?
Modern browsers do when you link them with <link rel="icon" type="image/png">. ICO remains the safest default.
Is ICO outdated?
ICO is older but still required for Windows shortcuts and automatic /favicon.ico discovery by browsers.