1. Tambahkan gambar
Seret file ke area yang ditentukan atau pilih grafik dari perangkat Anda. Format yang didukung: PNG, JPG, SVG. Ukuran yang direkomendasikan: min. 512×512 piksel.
Generator favicon — buat favicon.ico gratis
Hasilkan favicon.ico dan set lengkap ikon PNG untuk situs web Anda dari satu gambar. Semua pemrosesan terjadi secara lokal di browser.
Pratinjau dan file favicon
favicon.ico
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
favicon-16x16.png
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
favicon-32x32.png
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
apple-touch-icon.png
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
android-chrome-192x192.png
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
android-chrome-512x512.png
Selesai! File favicon telah dihasilkan. Lihat daftar file di bawah.
Apa itu favicon dan mengapa Anda harus memilikinya?
Favicon adalah ikon kecil yang muncul di tab browser di samping judul halaman. Anda juga melihatnya di bookmark, riwayat penjelajahan, dan di layar beranda ponsel saat seseorang menambahkan situs sebagai pintasan.
Grafik kecil ini memiliki fungsi penting — membantu pengguna dengan cepat mengenali situs di antara banyak tab yang terbuka. Ketika seseorang memiliki belasan tab terbuka di browser, favicon sering menjadi satu-satunya elemen yang terlihat untuk mengidentifikasi situs.
Generator membuat set ikon lengkap: file favicon.ico klasik untuk browser, ikon PNG dalam berbagai ukuran, dan apple-touch-icon untuk perangkat Apple. Jika Anda membangun aplikasi web (PWA), Anda juga dapat menghasilkan ikon 192x192 dan 512x512 beserta file manifest.
Cara membuat favicon dalam 3 langkah
Membuat favicon hanya membutuhkan beberapa detik:
2. Pilih ukuran
Pilih ukuran ikon yang Anda butuhkan. Untuk situs web biasa: favicon.ico, 32×32, dan 180×180. Untuk PWA, tambahkan 192×192 dan 512×512.3. Unduh file
Setelah membuat, unduh semua file sebagai ZIP atau setiap ikon secara individual. Di bawah alat Anda akan menemukan petunjuk cara menambahkan favicon ke situs Anda.
Ukuran ikon apa yang dihasilkan alat ini?
Setiap ukuran memiliki kegunaannya:
favicon.ico (32×32)
Format klasik yang dikenali oleh semua browser. Ditampilkan di tab browser.
16×16 dan 32×32 PNG
Ukuran standar untuk browser modern. Ditampilkan di tab dan di bookmark.
180×180 PNG (apple-touch-icon)
Ikon untuk perangkat Apple (iPhone, iPad). Ditampilkan saat seseorang menambahkan situs ke layar beranda.
192×192 dan 512×512 PNG
Ikon untuk aplikasi web (PWA). Diperlukan oleh manifest dan digunakan di toko aplikasi.
Jika Anda tidak membangun PWA, Anda hanya memerlukan: favicon.ico, PNG 32×32, dan PNG 180×180. Tiga file ini mencakup sebagian besar kasus penggunaan.
Apa yang membuat generator favicon ini istimewa?
Privasi — file tidak pernah meninggalkan komputer Anda
Semua operasi dilakukan secara lokal di browser. Gambar tidak dikirim ke server mana pun. Setelah menutup halaman, semua data dihapus.Set lengkap dalam satu tempat
Favicon.ico, ikon PNG, apple-touch-icon, ikon PWA, dan manifest — semua dari satu gambar, dalam satu alat.Dukungan PNG, JPG, dan SVG
Anda dapat menggunakan logo dalam format apa pun. Jika Anda memiliki SVG — ikon akan tajam di semua ukuran.Siap untuk situs web dan penggunaan PWA
Alat menghasilkan file manifest.json untuk aplikasi web. Di bawah Anda akan menemukan petunjuk untuk mengintegrasikan ikon.
Cara menggunakan generator favicon
Membuat favicon hanya beberapa langkah sederhana:
1. Tambahkan gambar sumber
Seret file ke area yang ditentukan atau pilih grafik dari perangkat Anda. Format yang didukung: PNG, JPG, SVG. Logo atau ikon sederhana minimal 512×512 piksel paling cocok.2. Pilih ukuran ikon
Pilih ukuran ikon mana yang Anda butuhkan. Anda dapat memilih semua atau hanya beberapa. Untuk situs web biasa: favicon.ico, 32×32, dan 180×180.3. Konfigurasikan opsi pembuatan
Atur opsi tambahan: latar belakang (transparan atau warna pilihan), manifest (file konfigurasi PWA), dan unduh otomatis.4. Hasilkan dan unduh file
Setelah memulai pembuatan, alat memproses gambar secara lokal — tidak ada yang dikirim ke server. Unduh semua file sebagai arsip ZIP atau ikon individual secara terpisah.
Ukuran PNG
16×1632×32180×180
Latar belakang transparan (PNG/ICO)
Opsi pembuatan — apa fungsi masing-masing?
Latar belakang (transparan atau warna)
Secara default, generator mempertahankan transparansi. Anda juga dapat memilih warna latar belakang tertentu.
Hasilkan manifest (site.webmanifest)
File JSON untuk aplikasi web (PWA). Jika Anda tidak membangun PWA, opsi ini tidak diperlukan.
Cara mengunduh file yang dihasilkan
Setelah membuat ikon, Anda memiliki beberapa opsi unduhan:
Unduh semua sebagai ZIP
Tombol "Unduh semua" mengemas semua file yang dihasilkan ke dalam satu arsip ZIP. Ini adalah opsi paling nyaman saat Anda membutuhkan set ikon lengkap.Unduh file individual
Setiap ikon yang dihasilkan memiliki tombol unduh sendiri — Anda dapat mengunduh satu file tanpa mengunduh seluruh set. Berguna saat hanya satu ukuran yang perlu diperbarui.
Di mana dan cara menambahkan favicon
WordPress
Sebagian besar tema WordPress memiliki opsi bawaan untuk mengatur ikon situs. Anda akan menemukannya di panel admin:
Appearance → Customize → Site Identity → Site Icon
Unggah file 512×512 di sana — WordPress akan secara otomatis menghasilkan ukuran lebih kecil. Untuk kontrol penuh atas ikon, Anda juga dapat mengunggah file langsung ke direktori root melalui FTP.
Gambar sumber apa yang paling cocok?
Favicon adalah grafik yang sangat kecil — sekecil 16×16 piksel. Tidak setiap gambar cocok sebagai sumber:
Bentuk sederhana dan simbol yang mudah dibaca
Logo sederhana, huruf tunggal, atau simbol paling cocok. Hindari grafik kompleks dengan banyak detail.Format persegi
Favicon berbentuk persegi. Jika gambar sumber memiliki rasio selain 1:1, gambar akan dipotong atau diregangkan.Ukuran yang cukup besar
Kami merekomendasikan gambar sumber minimal 512×512 piksel. Gambar yang lebih kecil akan diperbesar.Format SVG sebagai sumber ideal
SVG dapat diskalakan tanpa kehilangan kualitas, sehingga ikon di semua ukuran akan tajam.Warna berkontras tinggi
Favicon harus terlihat di berbagai latar belakang (tab terang, mode gelap). Pilih warna yang mempertahankan keterbacaan.
Pertanyaan yang sering diajukan tentang generator favicon
Jelajahi alat lainnya
Konverter JPG/PNG ke WebP
Kurangi ukuran file gambar tanpa kehilangan kualitas. Konversi JPG dan PNG ke WebP dan percepat situs web Anda.
Editor gambar
Siapkan potongan sempurna untuk media sosial atau situs web Anda. Pilih format siap pakai atau masukkan dimensi kustom.
Generator favicon
Buat favicon.ico dan ikon PNG dari satu gambar, sesuai persyaratan browser dan Lighthouse.
Pemeriksa meta judul & deskripsi
Periksa jumlah karakter dan pratinjau halaman Anda di Google. Hindari judul dan deskripsi yang terpotong di hasil pencarian.
Penghitung kata & karakter
Periksa panjang teks dan evaluasi apakah sesuai untuk halaman utama, halaman layanan, artikel blog, atau deskripsi produk.
Generator tanda tangan email
Buat tanda tangan email profesional dalam hitungan menit. Salin kode HTML siap pakai ke Gmail atau Outlook.
Pemeriksa kontras warna
Periksa apakah warna teks dan latar belakang Anda mudah dibaca. Alat ini menghitung kontras sesuai WCAG dan membantu memilih warna yang tepat.
Ekstraktor warna dari gambar
Unggah foto atau logo dan alat ini akan mengekstrak warna dominan. Salin kode warna yang dihasilkan dengan satu klik.
Generator palet warna
Pilih satu warna dan hasilkan 9 palet: monokromatik, komplementer, triadik, dan lainnya.
Generator kode QR gratis
Buat kode QR untuk situs web, vCard, menu, atau brosur. Ekspor ke PNG dan SVG, tanpa login, tanpa batasan.