Format Favicon Terbaik pada 2026

ICO ialah format favicon asal, yang dicipta oleh Microsoft pada tahun 1990-an untuk fail ikon Windows dan kemudiannya diterima pakai oleh penyemak imbas sebagai konvensyen favicon universal. Fail .ico ialah bekas berbilang imej — satu .ico boleh menggabungkan bingkai pada 16×16, 32×32, 48×48, 64×64, 128×128 dan 256×256 piksel dalam satu fail binari. Penyemak imbas menghuraikan direktori ICO dan menjadikan bingkai paling hampir dengan saiz paparan yang diperlukan, tanpa teg pautan tambahan diperlukan.

Keupayaan berbilang saiz format .ico ialah kelebihannya yang menentukan. Satu fail, satu teg pautan, meliputi semua tab standard dan saiz bar penanda halaman merentas setiap penyemak imbas dan sistem pengendalian. Itulah sebabnya /favicon.ico telah menjadi laluan penemuan lalai sejak permulaan web — penyemak imbas cuba GET /favicon.ico daripada akar domain walaupun tiada teg pautan menyatakannya. Tiada format lain yang mempunyai sandaran berasaskan konvensyen ini terbina dalam.

PNG ialah format imej tunggal yang menghasilkan pemaparan paling tajam pada mana-mana resolusi individu kerana algoritma pemampatan tanpa kehilangan yang unggul. Logo warna rata 32×32 PNG boleh dimampatkan kepada di bawah 300 bait — jauh lebih kecil daripada bingkai BMP yang setara di dalam fail .ico lama. PNG juga mempunyai sokongan kelas pertama merentas setiap penyemak imbas, alat penyuntingan imej dan sistem pengurusan kandungan, menjadikannya format yang paling sedikit geseran.

PNG memerlukan teg pautan eksplisit dengan atribut jenis dan saiz untuk dikenali sebagai favicon. `<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>` mesti ada dalam HTML anda atau penyemak imbas mengabaikan PNG sepenuhnya dan kembali ke /favicon.ico. Inilah sebabnya mengapa PNG berfungsi sebagai lapisan peningkatan atas .ico, bukan sebagai pengganti — ia memberikan pemaparan yang lebih tajam pada saiz paparan yang disasarkan, manakala .ico mengendalikan segala-galanya.

SVG ialah format favicon paling moden dan paling fleksibel. SVG adalah berasaskan vektor, bermakna satu fail dipaparkan dengan betul pada sebarang ketumpatan piksel daripada 16×16 hingga 3000×3000 tanpa artifak rasterisasi. Fail 1 KB SVG menyediakan monitor 96dpi, 2x skrin Retina dan paparan 4K dengan baik. Skala kalis masa hadapan ini menjadikan SVG sebagai format terbaik untuk mana-mana tapak yang khalayaknya menggunakan paparan ketumpatan campuran.

Favicon SVG menyokong penyesuaian mod gelap melalui pertanyaan media CSS `@media (prefers-color-scheme: dark)` yang dibenamkan di dalam blok SVG `<style>`. Apabila OS berada dalam mod gelap, penyemak imbas menggunakan gaya mod gelap pada SVG dan warna favicon berubah — ikon putih pada latar belakang gelap dan bukannya ikon gelap pada latar belakang terang, contohnya. .ico mahupun PNG tidak mempunyai sebarang keupayaan yang setara.

Sokongan penyemak imbas untuk favicon SVG pada tahun 2026 meliputi Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ dan semua penyemak imbas berasaskan Chromium (Brave, Opera, Vivaldi). Ini mewakili sebahagian besar pemasangan penyemak imbas yang aktif. Pengguna yang selebihnya — terutamanya pada peranti iOS yang lebih lama dengan pra-Safari 15 atau menggunakan penyemak imbas perusahaan lama — kembali ke .ico secara automatik apabila kedua-dua teg pautan hadir.

Perbandingan saiz fail antara tiga format mengutamakan SVG untuk kandungan moden dan .ico untuk berkas berbilang saiz. Favicon SVG biasa ialah 1-4 KB. .ico berbilang saiz minimum dengan empat bingkai (16/32/48/64) menggunakan pemampatan PNG ialah 8-20 KB. Satu 512×512 PNG (saiz sumber) adalah 20-100 KB bergantung pada kerumitan. Untuk pakej favicon gabungan yang dihantar ke penyemak imbas, jumlahnya biasanya di bawah 50 KB dan dicache untuk keseluruhan sesi.

Sokongan ketelusan adalah sama merentas ketiga-tiga format apabila digunakan dengan betul. SVG adalah telus secara lalai (tiada latar belakang melainkan anda menambahkannya secara eksplisit). PNG menyokong saluran alfa 8-bit. ICO menyokong ketelusan apabila bingkai dalamannya menggunakan pemampatan PNG — yang dilakukan oleh semua penjana ICO moden. Bingkai ICO yang dikodkan BMP hanya mempunyai ketelusan 1-bit (perduaan); elakkan penjana yang lalai kepada pengekodan BMP.

Untuk mod gelap secara khusus, hierarki format ialah: SVG dahulu (sokongan pertanyaan media CSS asli), kemudian PNG untuk konteks statik yang tidak membimbangkan mod gelap, kemudian .ico sebagai sandaran statik. Tapak yang memerlukan penyesuaian warna ikon dinamik harus mengutamakan SVG sebagai kegemaran utama mereka dan menggunakan .ico sahaja sebagai sandaran untuk persekitaran yang tidak menyokong SVG sama sekali.

Timbunan favicon pengeluaran yang disyorkan untuk tapak web profesional pada tahun 2026 menggabungkan ketiga-tiga format mengikut keutamaan penyemak imbas: `<link rel='icon' href='/favicon.ico'>` sebagai sandaran universal, `<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>` untuk kejelasan Retina, `<link rel='icon' type='image/svg'+xml-xml untuk `image/svg'+xml sokongan dan `<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>` untuk pemasangan skrin utama iOS. Penyemak imbas memilih format paling khusus yang mereka sokong.

Untuk konteks platform tertentu, pilihan format lebih terhad. Ikon skrin utama iOS (apple-touch-icon) mestilah PNG. Pintasan OS Windows dan ikon File Explorer mesti menggunakan .ico. Android PWA ikon manifes mestilah PNG. Hanya paparan tab/penanda halaman pelayar menyokong ketiga-tiga format, dengan penyemak imbas memilih berdasarkan tag pautan yang disediakan.

Menjana ketiga-tiga format daripada satu sumber ialah aliran kerja yang paling cekap. Muat naik 512×512 PNG atau SVG ke favicon generator. Alat ini merasterkan SVG (atau menggunakan PNG secara langsung) untuk menghasilkan semua bingkai .ico pada 16, 32, 48, 64, 128 dan 256 piksel, mengeksport PNG kendiri pada 32, 180, 192, dan 512 passes melalui piksel atau XX, dan XX. Pakej muat turun termasuk setiap fail dan coretan HTML untuk penggunaan segera.

Membandingkan format untuk SEO: Carian Google menyokong kedua-dua .ico dan PNG untuk favicon hasil carian. Saiz minimum ialah 48×48 piksel. SVG belum digunakan oleh Google untuk favicon carian (ia rasterizes kepada PNG sebelum paparan). Untuk kelayakan favicon Carian Google, pastikan .ico anda mengandungi bingkai 48×48, favicon anda boleh diakses secara umum dan nisbah bidang adalah segi empat sama. Lihat favicon-vs-svg guide untuk perbandingan SVG yang lengkap.