Panduan

Saiz Favicon Terbaik pada 2026

Tiada satu pun saiz favicon terbaik — ada set terbaik. Permukaan yang berbeza meminta resolusi yang berbeza, dan pakej favicon lengkap meliputi setiap satu daripadanya dengan imej sumber tunggal.

16×16 dan 32×32 penutup tab penyemak imbas dan penanda halaman pada paparan standard dan berketumpatan tinggi. Ia masuk ke dalam favicon.ico dan sebagai PNG yang berdiri sendiri.

48×48 ialah saiz 'ikon sederhana' Explorer Windows dan saiz lakaran kecil hasil carian biasa. Sentiasa ikatkannya.

180×180 ialah Apple apple-touch-icon — diperlukan untuk pemasangan skrin utama iOS yang bersih.

192×192 dan 512×512 ialah saiz manifes PWA Android, Chromium dan penggunaan segera pemasangan.

Cara ia berfungsi

  1. 1

    Mulakan daripada sumber persegi 512×512+

    PNG atau SVG dengan segi empat sama viewBox.

  2. 2

    Hasilkan pakej

    Kami menghasilkan favicon.ico (16/32/48), 180 apple-touch-icon, 192/512 android-chrome dan webmanifest.

  3. 3

    Sebarkan pada akar tapak

    Letakkan semuanya ke dalam /public atau /app dan salin teg <link> daripada README.txt.

Cuba sekarang

Hasilkan setiap saiz favicon sekaligus

Penjana Favicon

Soalan lazim

Apakah saiz favicon tunggal yang paling penting?+

32×32 — saiz yang paling kerap diminta oleh pelayar untuk tab pada paparan standard. Sertakan kedua-duanya di dalam .ico dan sebagai PNG kendiri.

Adakah saya benar-benar memerlukan ikon 512×512?+

Ya, untuk gesaan pemasangan PWA dan skrin utama Android. Tanpanya, Android kembali kepada ikon penyemak imbas generik.

Bolehkah saya hanya memuat naik satu imej besar dan biarkan alat mengubah saiz?+

Itulah aliran kerja yang disyorkan. Mulakan dari 512×512 (atau SVG) dan biarkan FetchFavicon mengeksport setiap saiz tanpa kehilangan.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial