🌐 Generator Favicon & App Icon
Unggah satu gambar dan unduh paket favicon lengkap secara instan — ikon PNG dalam setiap ukuran standar, file .ico multi-size, dan tag HTML siap tempel, semuanya dalam satu ZIP.
Privat sejak awal. Alat ini berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan diunggah, dan bisa dipakai offline.
Tentang
Alat ini menggunakan Canvas API browser untuk mengubah ukuran gambar sumber Anda menjadi setiap ukuran yang diharapkan oleh browser dan sistem operasi modern: 16×16, 32×32, 48×48, 64×64, 180×180 (Apple Touch Icon), 192×192 (Android / PWA), dan 512×512 (PWA splash). Alat ini juga menggabungkan file .ico multi-ukuran yang memasukkan ikon 16, 32, dan 48 px ke dalam satu file biner, menulis file site.webmanifest yang mencantumkan ikon 192 dan 512 px (nama dan short_name dibiarkan kosong untuk Anda isi), serta menghasilkan potongan HTML dengan tag <link> yang benar. Jika gambar Anda bukan persegi, Anda dapat mempertahankan seluruh gambar dengan margin transparan atau mengisi persegi dengan memotong tepi. Semuanya dikemas ke dalam ZIP menggunakan penulis ZIP bawaan yang hanya menyimpan, dan .ico juga dapat diunduh secara terpisah. Karena seluruh proses berjalan di browser dengan Canvas, tidak ada file yang pernah meninggalkan perangkat Anda.
Cara pakai
- Ikon Anda dihasilkan saat Anda memilih gambar, sehingga tidak ada tombol Generate. Periksa pratinjau dari 16 hingga 512 px dan ukuran gambar sumber Anda. Untuk gambar non-persegi, pilih apakah ingin mempertahankan seluruh gambar dengan margin atau mengisi persegi dengan memotong tepi.
- Klik Unduh ZIP untuk menerima semua PNG, file favicon.ico multi-ukuran, site.webmanifest, dan potongan HTML dalam satu arsip. Jika Anda hanya butuh file .ico, klik Unduh .ico saja.
- Klik Salin Tag HTML (atau buka head-snippet.html) dan tempelkan tag <link> ke dalam <head> situs Anda.
- Unggah file ke folder akar situs Anda, lalu isi nama dan short_name di site.webmanifest.
FAQ
- Alat ini menghasilkan ukuran apa saja?
- Alat ini menghasilkan file PNG pada ukuran 16, 32, 48, 64, 180, 192, dan 512 piksel, file favicon.ico multi-ukuran (mengandung 16, 32, dan 48 px), file site.webmanifest yang mencantumkan ikon 192 dan 512 px, serta tag HTML <link> yang sesuai.
- Apakah gambar saya diunggah ke server?
- Tidak. Semua proses resize dan pengemasan dilakukan di browser Anda menggunakan API Canvas. Gambar Anda tidak pernah meninggalkan perangkat Anda.
- Apa gambar sumber terbaik yang harus saya gunakan?
- Gambar persegi dengan ukuran minimal 512×512 px memberikan hasil terbaik pada semua ukuran. SVG sangat cocok karena tidak bergantung pada resolusi. Jika gambar bukan persegi, Anda dapat mempertahankan seluruh gambar dengan margin transparan (bawaan) atau mengisi persegi dengan memotong tepi. Jika gambar raster lebih kecil dari 512 px, ikon yang lebih besar diperbesar dan alat menampilkan catatan.
- Apa itu file .ico multi-size dan mengapa saya membutuhkannya?
- File .ico dapat menyematkan beberapa resolusi dalam satu file biner. Browser dan Windows yang lebih lama menggunakan .ico untuk ikon tab dan pintasan, secara otomatis memilih ukuran yang paling sesuai. .ico dari alat ini berisi ikon 16, 32, dan 48 px, dan Anda dapat mengunduhnya secara terpisah tanpa ZIP.
- Apakah saya memerlukan semua ukuran yang dihasilkan untuk situs web saya?
- Untuk sebagian besar situs web, file .ico multi-ukuran ditambah PNG 180 px (Apple Touch Icon) dan PNG 192/512 px (PWA) bersama dengan site.webmanifest menutupi semua kasus penggunaan utama. PNG yang lebih kecil disertakan untuk kelengkapan dan dukungan browser lama.
- Apakah alat ini mengunggah data saya?
- Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.