Favicon (.ico) lwn PNG
ICO dan PNG bukan pesaing — mereka adalah rakan kongsi. Persediaan favicon moden menggunakan .ico sebagai sandaran universal dan PNG sebagai penggantian DPI tinggi. Di sini adalah tepat apabila masing-masing menang.
ICO adalah unik kerana satu fail membenamkan berbilang resolusi. Penyemak imbas atau OS memilih perlawanan terdekat pada masa seri — tiada penskalaan atas, tiada tepi kabur.
PNG lebih tajam pada sebarang resolusi individu dan menyokong pemampatan yang lebih baik untuk logo berwarna pepejal. Ia tidak boleh membenamkan berbilang saiz dalam satu fail.
Persediaan yang optimum ialah satu .ico berbilang saiz dan kendiri 32×32 dan 180×180 PNG untuk penyemak imbas DPI tinggi dan iOS.
Cara ia berfungsi
- 1
Mulakan daripada sumber 512×512
PNG atau SVG.
- 2
Hasilkan kedua-dua format
FetchFavicon mengeluarkan berbilang saiz .ico plus kendiri 16/32/48/180/192/512 PNGs.
- 3
Pautkan kedua-duanya dalam <head>
<link rel="icon" href="/favicon.ico"> diikuti dengan <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">.
Cuba sekarang
Hasilkan kedua-dua .ico dan PNG
Penukar PNG ke ICOSoalan lazim
Yang manakah mempunyai saiz fail yang lebih kecil?+
Satu PNG tunggal adalah lebih kecil daripada .ico dengan peleraian yang sama, tetapi .ico berbilang saiz menggantikan 4-6 PNG dan biasanya menang pada jumlah bait.
Adakah Google menunjukkan favicon PNG dalam hasil carian?+
ya. Google menyokong kedua-dua .ico dan PNG. Ia lebih suka nisbah aspek segi empat sama sekurang-kurangnya 48×48.
Bolehkah PNG menyokong mod gelap?+
Tidak langsung. Gunakan varian SVG bersama PNG anda untuk sokongan mod gelap.