Generator Favicon
Satu unggahan — dapatkan favicon.ico, semua ukuran PNG, Apple touch icon, ikon PWA, manifes, dan cuplikan HTML
Cara kerjanya
- Klik tombol di atas untuk memilih file Anda, atau seret dan lepas ke zona di bawah
- Klik tombol konversi
- Tunggu hingga konversi selesai
- Unduh file yang dikonversi menggunakan tombol unduh
Hasilkan paket favicon lengkap untuk situs web Anda
Favicon Generator membuat semua yang dibutuhkan situs web Anda untuk menampilkan ikon profesional — dalam satu klik. Alih-alih membuat selusin file berbeda secara manual untuk berbagai browser dan perangkat, unggah satu gambar dan terima ZIP yang berisi favicon.ico (dengan bingkai 16×16, 32×32, dan 48×48), sepuluh ukuran PNG dari 16 hingga 512 piksel, apple-touch-icon dengan ukuran persis 180×180 piksel yang diminta Apple, ikon manifes PWA berukuran 192×192 dan 512×512 piksel, file site.webmanifest yang siap pakai, serta potongan HTML yang dapat Anda salin langsung ke dalam <head>.
Situs web modern membutuhkan lebih dari sekadar satu favicon.ico: bookmark layar utama iOS menggunakan PNG apple-touch-icon, Progressive Web Apps membaca ikon dari manifes web, dan layar beresolusi tinggi diuntungkan oleh varian PNG yang lebih besar. Generator ini menghasilkan seluruh rangkaian dalam hitungan detik, sehingga Anda tidak perlu lagi menebak file atau ukuran apa yang diharapkan oleh platform tertentu. Sumber SVG memberikan hasil paling tajam karena setiap ukuran diretik langsung dari garis vektor.
Untuk menginstal, ekstrak ZIP ke direktori root situs web Anda dan tempelkan tag HTML yang disediakan dari snippet.html ke dalam <head> setiap halaman. Itu saja — situs Anda akan menampilkan ikon yang tajam dan berukuran tepat di setiap tab browser, bookmark layar utama, dan permintaan instalasi PWA. Sepenuhnya gratis, tanpa registrasi, file dihapus setelah diunduh.
Mengapa Menggunakan Generator Favicon Kami?
Paket Lengkap dalam Satu ZIP
favicon.ico, ikon PNG dari 16 hingga 512 px, apple-touch-icon 180×180, ikon PWA 192×192 dan 512×512, site.webmanifest, dan cuplikan HTML siap tempel — semuanya dalam satu unduhan.
Siap untuk Apple & PWA
apple-touch-icon pada ukuran 180×180 px yang diperlukan dan ikon manifes PWA pada 192×192 dan 512×512 px disertakan secara otomatis — tanpa langkah tambahan.
Cuplikan HTML Disertakan
Salin tag <link> dan <meta> yang dihasilkan langsung ke dalam <head> HTML Anda — tanpa perlu menebak tag mana yang Anda butuhkan
Format Sumber Apa Pun
Unggah PNG, JPG, WebP, atau SVG — sumber SVG menghasilkan hasil paling tajam karena dirasterisasi pada setiap ukuran dari garis vektor
Tips Membuat Favicon Sempurna
- Unggah gambar persegi berukuran 512×512 px atau lebih besar untuk ikon yang paling tajam — sumber yang lebih kecil atau non-persegi akan diskalakan dan dipotong tengah agar sesuai.
- Gunakan desain sederhana dan tebal: logo rumit menjadi tidak terbaca pada ukuran 16×16 px.
- Tempatkan semua file yang dihasilkan di direktori root situs Anda agar browser dapat menemukannya secara otomatis.
- Setelah mengunggah file, tempelkan potongan HTML dari snippet.html ke dalam <head> situs Anda sehingga setiap browser dan perangkat menemukan ikon yang tepat.