Panduan

Ukuran Favicon Terbaik di tahun 2026

Tidak ada satu pun ukuran favicon terbaik — yang ada adalah kumpulan terbaik. Permukaan yang berbeda meminta resolusi yang berbeda, dan paket favicon lengkap mencakup semuanya dengan satu gambar sumber.

16×16 dan 32×32 menutupi tab browser dan bookmark pada tampilan standar dan kepadatan tinggi. Mereka masuk ke dalam favicon.ico dan sebagai PNG yang berdiri sendiri.

48×48 adalah ukuran 'ikon sedang' Windows Explorer dan ukuran thumbnail hasil pencarian yang umum. Selalu bundel itu.

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

192×192 dan 512×512 adalah ukuran manifes PWA Android, Chromium, dan penggunaan prompt penginstalan.

Cara kerjanya

  1. 1

    Mulai dari sumber persegi 512×512+

    PNG atau SVG dengan persegi viewBox.

  2. 2

    Hasilkan paketnya

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

  3. 3

    Terapkan di root situs

    Masukkan semuanya ke /public atau /app dan salin tag <link> dari README.txt.

Coba sekarang

Hasilkan setiap ukuran favicon sekaligus

Pembuat Favicon

FAQ

Berapa ukuran favicon yang paling penting?+

32×32 — ini adalah ukuran yang paling sering diminta browser untuk tab pada tampilan standar. Sertakan keduanya di dalam .ico dan sebagai PNG yang berdiri sendiri.

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

Ya, untuk perintah penginstalan PWA dan layar beranda Android. Tanpanya, Android kembali ke ikon browser umum.

Bisakah saya mengunggah satu gambar besar saja dan membiarkan alat tersebut mengubah ukurannya?+

Itulah alur kerja yang disarankan. Mulai dari 512×512 (atau SVG) dan biarkan FetchFavicon mengekspor setiap ukuran tanpa kehilangan.

Alat terkait

Panduan lainnya

Panduan

Jelajahi FetchFavicon

Kategori

Pengonversi

Utilitas

Panduan

Tutorial