Pembuat Favicon

Buat favicon ICO dan PNG, pratinjau ikon kecil dan unduh ZIP lengkap di browser Anda.

Pilih gambar, atur warna padding dan latar belakang, periksa pratinjau kecil, lalu buat dan unduh ZIP.

Ubah logo Anda menjadi kumpulan faviconPilih satu gambar atau letakkan di siniPNG, JPEG, WebP atau SVG · 10 MB · 4096 piksel per sisi

Alat ini memerlukan JavaScript dan browser modern dengan pemrosesan gambar lokal.

Cara menggunakan

Buat kumpulan favicon

Pilih gambar, atur warna padding dan latar belakang, periksa pratinjau kecil, lalu buat dan unduh ZIP.

Contoh dan hasil yang diharapkan

Contoh: unggah logo transparan 1024×1024, pertahankan transparansi dan gunakan padding 10%. ZIP berisi ICO (16/32/48), lima PNG, SVG berisi PNG, manifes ikon, dan cuplikan HTML. Tanda sederhana tetap jelas pada 16 piksel; detail halus bisa hilang.

Apa itu favicon?

Favicon adalah ikon kecil yang ditampilkan browser di tab, bookmark, dan riwayat di samping judul halaman Anda. Bentuknya kecil — seringkali hanya berukuran 16×16 piksel — jadi favicon yang bagus adalah yang sederhana, kontras tinggi, dan dapat dikenali secara sekilas. Generator ini mengubah gambar Anda menjadi ukuran favicon umum, sepenuhnya di browser Anda. Tidak ada yang diunggah.

Ukuran yang Anda butuhkan pada tahun 2026

MengajukanUkuranDigunakan untuk
favicon.ico16, 32, 48Tab browser dan bookmark
favicon.svg512 × 512Browser berkemampuan SVG; PNG tertanam
favicon-16x16.png, favicon-32x32.png16, 32kemunduran PNG
apple-touch-icon.png180 × 180Layar beranda iOS dan Safari
android-chrome-192x192.png, android-chrome-512x512.png192, 512Entri ikon Android dan PWA

Format dan batasan

Input PNG, JPEG, WebP, dan SVG biasa didukung. File dibatasi hingga 10 MB dan 4096 piksel per sisi. Gambar animasi tidak didukung. Masukan SVG diraster di browser Anda; skrip, referensi eksternal, gambar, stylesheet, filter, dan animasi dihapus dan tidak akan dirender. Teks menggunakan font lokal yang tersedia. Periksa pratinjau apakah SVG Anda menggunakan fitur ini.

ICO berisi entri terkompresi PNG 16×16, 32×32, dan 48×48. Penurunan skala menggunakan pengambilan sampel ulang multi-langkah, namun foto mendetail masih kehilangan detail pada 16 piksel — tanda sederhana berfungsi paling baik. Transparansi dipertahankan di ICO dan PNG saat dipilih; ikon Apple touch menggunakan latar belakang solid. Output SVG menyematkan PNG dan bukan merupakan konversi vektor. Dokumen asli Anda tetap tidak berubah.

Pertanyaan Umum

Berapa ukuran favicon saya?

Kirimkan ICO multi-ukuran (16/32/48), ikon sentuh Apple 180×180, dan PNG 192/512 untuk Android. Ini adalah ukuran umum browser dan perangkat, bukan jaminan bahwa setiap platform menggunakan setiap file.

ICO atau PNG — mana yang saya perlukan?

Sertakan fallback ICO dan alternatif PNG atau SVG. Salin cuplikan HTML, lalu perbarui jalur agar sesuai dengan tempat Anda menghosting file.

Apakah browser mendukung favicon SVG?

Banyak browser modern mendukung favicon SVG. Simpan cadangan ICO untuk browser yang tidak. Alat ini menyematkan PNG 512x512 di dalam SVG; itu tidak menelusuri logo Anda ke jalur vektor.

Saya mengganti favicon saya tetapi yang lama masih muncul. Mengapa?

Browser menyimpan cache favicon secara agresif. Coba hard refresh atau hapus cache browser. Periksa jalur file, dan ubah nama file atau kueri versi jika ikon cache tetap ada.

Apakah latar belakang transparan saya akan berfungsi di iPhone?

Ikon Apple touch selalu diratakan dengan warna latar belakang Apple yang Anda pilih di sini. ICO dan file PNG lainnya menjaga transparansi saat dipilih.

Apakah ZIP ini akan menjadikan situs saya dapat diinstal sebagai PWA?

Tidak. Manifes hanya berisi entri ikon saja. Gabungkan semuanya ke dalam manifes yang ada atau tambahkan nama, URL awal, dan setelan PWA lainnya yang dibutuhkan situs Anda.