Generator Favicon
Ubah satu gambar menjadi semua ikon yang dibutuhkan situs web Anda: favicon.ico multi-ukuran, favicon PNG, ikon Apple touch, ikon Android/Chrome, dan web manifest — dikemas menjadi satu unduhan ZIP beserta HTML yang siap ditempel. Semuanya berjalan di browser Anda, jadi karya Anda tidak pernah diunggah.
Cara membuat favicon
- Tambahkan logo atau karya Anda di atas — PNG atau SVG persegi memberikan hasil terbaik.
- Pilih cara gambar non-persegi dijadikan persegi dan tentukan warna latar, lalu periksa pratinjau 16, 32, dan 48 piksel.
- Unduh ZIP-nya, letakkan semua file di folder root situs Anda, lalu tempelkan cuplikan HTML ke dalam <head>.
Tentang favicon
Favicon adalah ikon kecil yang ditampilkan browser di tab, bookmark, riwayat, dan hasil pencarian. Situs modern membutuhkannya dalam beberapa ukuran dan format: .ico klasik untuk tab dan browser lawas, PNG untuk layar berkepadatan tinggi, ikon Apple touch 180×180 untuk layar utama iOS, serta ikon 192/512 piksel yang dirujuk web manifest untuk Android dan pemasangan PWA.
Generator ini menulis .ico sebagai ikon multi-ukuran sejati (16, 32, dan 48 piksel dalam satu file, disimpan sebagai entri BMP klasik demi kompatibilitas maksimal) dan memperkecil gambar Anda secara bertahap agar kualitas terjaga, sehingga tetap tajam bahkan pada 16 piksel. File site.webmanifest dan cuplikan HTML yang disertakan mengikuti nama file yang diharapkan setiap browser dan crawler.
Pertanyaan umum
File apa saja yang ada di dalam paket?
favicon.ico yang berisi ukuran 16, 32, dan 48 piksel, favicon-16x16.png dan favicon-32x32.png, apple-touch-icon.png (180×180), ikon android-chrome berukuran 192×192 dan 512×512, serta site.webmanifest — plus cuplikan HTML siap salin-tempel yang menautkan semuanya.
Gambar seperti apa yang sebaiknya saya gunakan?
Gambar persegi berukuran minimal 512×512 piksel memberikan hasil terbaik. Jika gambar Anda tidak persegi, Anda bisa memangkasnya menjadi persegi atau memuatnya utuh dengan padding — pratinjau langsung menunjukkan persis bagaimana tampilannya pada 16, 32, dan 48 piksel.
Mengapa ikon Apple touch tidak transparan?
iOS menampilkan area transparan sebagai hitam, jadi ikon Apple touch diratakan di atas warna latar yang Anda pilih. Semua ikon lainnya tetap mempertahankan transparansi gambar Anda.
Apakah gambar saya diunggah?
Tidak. Ikon diubah ukurannya, dikemas ke dalam kontainer .ico, dan dibundel menjadi ZIP sepenuhnya di browser Anda; gambar Anda tidak pernah meninggalkan perangkat Anda.