Penjelasan Ukuran Favicon
Browser, sistem operasi, dan penginstalan meminta setiap permintaan resolusi favicon yang berbeda. Panduan ini memetakan setiap ukuran umum ke permukaannya sehingga Anda tahu persis apa yang harus dihasilkan dari satu sumber gambar.
Tab dan bookmark browser bertenaga 16×16 dan 32×32 pada tampilan standar dan 2×. Mereka termasuk dalam favicon.ico dan sebagai PNG mandiri opsional.
48×48 dan 64×64 mencakup Windows Explorer, pin bilah tugas, dan beberapa cuplikan pencarian.
128×128 dan 256×256 digunakan di dalam file .ico multi-ukuran dan UI Windows DPI tinggi.
180×180 adalah layar beranda apple-touch-icon untuk iOS. 192×192 dan 512×512 diperlukan untuk UI pemasangan Android dan Chromium PWA.
Cara kerjanya
- 1
Pilih sumber persegi
512×512 PNG atau SVG dengan persegi viewBox.
- 2
Ekspor set lengkap
Gunakan generator favicon kami untuk .ico, apple-touch-icon, dan manifes PNG.
- 3
Tautkan setiap ukuran
Salin tag <link> siap tempel dari panduan generator paket README atau HTML.
Coba sekarang
Hasilkan setiap ukuran favicon
Pembuat FaviconFAQ
Berapa banyak ukuran favicon yang sebenarnya saya perlukan?+
Minimum: .ico multi-ukuran (16/32/48) + 180 apple-touch-icon. Direkomendasikan: tambahkan 192 dan 512 untuk PWA.
Bisakah satu gambar berfungsi untuk semua ukuran?+
Ya — mulai dari 512×512 atau SVG dan ekspor setiap ukuran secara terprogram. Jangan pernah meningkatkan logo kecil.
Ukuran manakah yang paling penting untuk SEO?+
Google menggunakan setidaknya 48x48 dalam pencarian. Kirim 48 di dalam .ico Anda dan sebagai PNG yang berdiri sendiri.