Generator Favicon
Ubah gambar apa pun menjadi favicon.ico plus set ikon PNG dan manifes lengkap
Tentang alat ini
Jatuhkan satu gambar — idealnya logo persegi berukuran 512px atau lebih — dan dapatkan paket favicon lengkap: sebuah favicon.ico yang memuat 16, 32, dan 48 px untuk tab dan markah, berkas PNG pada ukuran-ukuran baku termasuk ikon Apple touch 180px dan ikon PWA 192/512px, satu site.webmanifest awal, serta tag <link> untuk ditempel ke dalam <head> Anda. Satu unduhan ZIP memuat semuanya, dengan penamaan persis seperti yang diharapkan konvensi.
Detail yang sering keliru di tutorial favicon sudah ditangani: ICO-nya menyematkan entri terkompresi PNG (didukung di mana-mana sejak Windows Vista, jauh lebih kecil daripada ikon BMP warisan); ikon Apple touch diratakan ke warna latar pilihan Anda, karena iOS mengganti transparansi dengan hitam; dan ikon PWA mempertahankan kanal alfanya. Sumber yang tidak persegi dipotong dari tengah, bukan dipenyet.
Mengecilkan logo ke 16px pada dasarnya merusak — detail halus memang tak mungkin selamat — maka baris pratinjau memperlihatkan tiap ukuran pada dimensi sebenarnya, supaya Anda bisa menilai keterbacaannya sebelum dirilis. Semuanya dirender pada canvas lokal dan wadah ICO/ZIP dirakit bita demi bita di dalam halaman; logo Anda tidak pernah diunggah ke mana pun.
Pertanyaan yang sering diajukan
- Ukuran favicon apa saja yang sebenarnya saya perlukan pada 2026?
- Lebih sedikit daripada yang disugestikan cerita rakyat: sebuah favicon.ico berisi 16/32/48 untuk keperluan warisan dan bilah alamat, satu apple-touch-icon.png 180px, serta PNG 192/512px yang dirujuk dari manifest aplikasi web. Browser modern memilih padanan terbaik justru dari himpunan ini — paket 20 berkas yang dimuntahkan sebagian generator itu sekadar kultus kargo.
- Kenapa logo saya tidak terbaca pada 16px?
- Enam belas piksel itu kejam kecilnya — logotaip, garis tipis, dan gradasi halus semuanya luluh. Favicon yang kuat memampatkan merek menjadi satu glif atau bentuk tebal dengan kontras tinggi. Kalau pratinjau 16px di sini tampak jadi bubur, potonglah lebih rapat ke bagian paling khas dari logo itu, atau pakai varian yang disederhanakan untuk ukuran kecil.
- Apakah saya masih perlu berkas .ico, atau favicon PNG sudah cukup?
- Setiap browser modern menerima favicon PNG, tetapi /favicon.ico tetap jalur yang diminta secara membabi buta oleh agen pengguna, perayap, dan perkakas lama. Menyajikan ICO sungguhan di sana hanya memakan beberapa kilobita dan menyingkirkan satu kelas penuh galat 404 serta keanehan cadangan — simpan saja berdampingan dengan tautan PNG Anda.
- Kenapa ikon Apple touch memerlukan warna latar?
- iOS tidak merender transparansi pada ikon layar utama — alfa apa pun di PNG Anda akan dikomposisikan di atas hitam. Meratakannya lebih dulu ke warna pilihan Anda menjaga hasilnya tetap disengaja. Pilih latar yang serasi dengan ikon Anda, dan ingat iOS membulatkan sudutnya sendiri, jadi sediakan persegi penuh tanpa margin.