Saiz Favicon Diterangkan

Favicon 16×16 piksel ialah standard web asal. Ia digunakan dalam tab penyemak imbas pada paparan standard (96dpi), dalam bar alat penanda halaman pada semua penyemak imbas desktop dan dalam beberapa senarai sejarah penyemak imbas. Oleh kerana 16×16 ialah kanvas yang sangat ketat, reka bentuk favicon anda mesti dilucutkan kepada bentuk yang paling mudah: satu bentuk, huruf atau tanda abstrak. Apa-apa yang lebih kompleks akan tidak boleh dibaca.

Saiz 32×32 piksel menggandakan 16×16 dan menyediakan tab penyemak imbas retina/HiDPI pada ketumpatan 2x, ikon penanda halaman pada DPI tinggi dan ikon cadangan bar alamat dalam Chrome. Pelayar moden meminta 32×32 jauh lebih kerap daripada 16×16 kerana paparan berketumpatan tinggi telah menjadi sebahagian besar peranti. Jika anda hanya boleh menghantar satu saiz, 32×32 akan menjadi pilihan yang paling berkesan.

Saiz 48×48 piksel ialah saiz paparan 'ikon sederhana' Explorer Windows dan merupakan minimum yang diperlukan oleh Carian Google untuk kelayakan favicon dalam coretan hasil carian. Tapak yang faviconnya tidak memenuhi minimum 48×48 muncul dengan ikon glob generik di sebelah URL mereka dalam hasil Google dan bukannya tanda jenama mereka. Sentiasa sertakan 48×48 dalam berkas .ico anda.

Saiz 64×64 piksel digunakan dalam paparan ikon besar Windows Explorer dan dalam sesetengah persekitaran desktop Linux. Memasukkannya dalam fail .ico berbilang saiz anda menambah overhed yang boleh diabaikan tetapi memastikan pemaparan bersih dalam pengurus fail dan persekitaran shell. Banyak alatan penjana favicon termasuk 64 secara lalai sebagai sebahagian daripada himpunan .ico standard.

Saiz 128×128 piksel menyajikan jubin apl Windows Store dan lakaran kecil bar tugas berketumpatan tinggi. Ia kurang biasa diperlukan untuk favicon web tulen tetapi penting jika tapak anda dibungkus sebagai PWA atau jika pengguna menyematkannya sebagai apl Windows. Menggabungkannya di dalam .ico dengan pemampatan PNG memastikan saiz fail tetap munasabah.

Saiz 256×256 piksel ialah bingkai .ico standard terbesar. Ia digunakan untuk pintasan desktop Windows, hasil carian menu Mula Windows dan beberapa konteks yang dipasang apl. Pada resolusi ini, anda mesti menggunakan pemampatan PNG di dalam bekas .ico dan bukannya BMP — imej BMP 256×256 yang tidak dimampatkan menambah 256 KB pada fail .ico tanpa perlu.

Saiz 180×180 piksel adalah eksklusif untuk iOS apple-touch-icon. Apabila pengguna iPhone atau iPad mengetik 'Tambah ke Skrin Utama', Safari mengambil imej yang diisytiharkan dalam `<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>`. Saiz ini meliputi semua model iPhone semasa (iPhone 6 Plus dan kemudian menggunakan 180×180 pada ketumpatan 3x; model lama menggunakan 120×120 dan 152×152 — satu fail 180 merangkumi kesemuanya dengan anggun).

Saiz 192×192 piksel ialah ikon minimum yang diperlukan dalam manifes apl web (site.webmanifest) untuk gesaan pemasangan Android Chrome PWA. Apabila pengguna menambahkan PWA pada skrin utama Android mereka, Chrome memaparkan ikon 192×192 dalam pelancar dan ikon apl dalam penukar apl terbaharu. Tanpa saiz ini dalam manifes, gesaan pemasangan PWA sama ada menunjukkan ikon generik atau gagal dicetuskan sama sekali.

Saiz 512×512 piksel ialah ikon manifes kedua yang diperlukan. Chrome menggunakannya untuk skrin percikan PWA yang dipaparkan semasa apl dimuatkan selepas pelancaran skrin utama dan untuk pratonton dialog pemasangan pada OS Chrome desktop. Ia juga merupakan saiz sumber yang ideal untuk menjana semua varian yang lebih kecil — bermula dari 512×512 memastikan setiap output yang dikurangkan sampel mengekalkan tepi yang tajam dan warna yang tepat.

Saiz antara 512×512 dan 1024×1024 yang sangat besar digunakan terutamanya untuk ikon apl asli pada penyerahan macOS dan iOS App Store, bukan untuk favicon web. Walau bagaimanapun, jika anda bercadang untuk menukar kehadiran web anda kepada apl asli menggunakan pembungkus (Elektron, Kapasitor, Tauri), anda memerlukan 1024×1024 untuk proses semakan App Store. Simpan fail induk ini bersama pakej favicon anda.

Favicon SVG adalah bebas resolusi dan meliputi setiap ketumpatan dengan satu fail. Penyemak imbas yang menyokong favicon SVG (Chrome 80+, Edge 80+, Firefox 41+, Safari 15+) akan memilih SVG berbanding mana-mana saiz raster kerana ia dipaparkan dengan sempurna pada 1x, 2x, 3x atau mana-mana DPI tersuai. Pertimbangannya ialah tidak semua konteks menyokong pintasan SVG — Windows, pembaca RSS dan alatan lama masih memerlukan sandaran .ico.

Hubungan antara saiz dan bekas .ico adalah penting untuk difahami. Fail .ico bukan satu imej — ia ialah arkib berbilang imej. Setiap bingkai di dalamnya adalah imej raster yang berasingan pada saiz yang berbeza. Penyemak imbas membaca direktori ICO, mengenal pasti bingkai yang paling sepadan dengan saiz yang diperlukan dan menyahkod bingkai itu sahaja. Itulah sebabnya satu fail .ico boleh menyediakan tab 16, 32, 48 dan 64 px dengan sama baiknya.

Set minimum yang disyorkan untuk tapak web pengeluaran pada tahun 2026 ialah: favicon.ico gabungan bingkai 16, 32, 48 dan 64 px; apple-touch-icon.png pada 180×180; android-chrome-192x192.png; android-chrome-512x512.png; favicon.svg untuk penyemak imbas moden; dan site.webmanifest merujuk kepada 192 dan 512 PNG. favicon generator menghasilkan set lengkap ini daripada satu muat naik sumber dalam satu klik.

Memeriksa sama ada semua saiz favicon anda disajikan dengan betul adalah mudah dengan favicon tester. Masukkan URL tapak anda dan penguji cuba mengambil favicon.ico anda, menyemak teg pautan dalam kepala HTML anda dan menunjukkan pratonton setiap saiz. Saiz yang tiada dibenderakan dengan pengesyoran yang boleh diambil tindakan.