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.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

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