EASY TOOLS · WEBSITE TOOLS
Favicon Generator
Gratis & Praktis.
Buat favicon website dari logo, gambar, atau teks. Semua ukuran penting, file ICO, dan kode pemasangan tersedia dalam satu paket.
MULAI DI SINI
Buat favicon Anda
Pilih gambar atau tulis inisial, sesuaikan tampilannya, lalu generate.
Gambar persegi dengan logo sederhana memberi hasil paling jelas pada ukuran 16×16. SVG tidak diterima.
site.webmanifest.🔒 Gambar dan pilihan desain diproses di perangkat Anda; generator tidak mengunggah file.
HASIL SIAP PAKAI
Paket favicon Anda selesai.
Periksa setiap ukuran, unduh satuan atau simpan semuanya sebagai ZIP.
LANGKAH TERAKHIR
Tempel kode ini di <head> website
Unggah seluruh file ke root website. Jika memakai folder lain, sesuaikan path pada kode dan manifest.
ICO multiresolusi16, 32, 48 px dalam satu file
PNG untuk perangkatTermasuk Apple 180 dan Android 192/512
Siap dipasangManifest dan snippet HTML tersedia
CARA PAKAI
Dari logo hingga favicon dalam 3 langkah.
Anda tidak perlu aplikasi desain tambahan.
- 01
Pilih sumber
Unggah logo PNG/JPEG/WebP atau buat ikon dari 1–3 huruf dan angka.
- 02
Sesuaikan & generate
Atur warna, bentuk, ruang tepi, dan lihat pratinjau sebelum membuat paket.
- 03
Unggah ke website
Unduh ZIP, unggah isinya ke root website, lalu salin snippet ke bagian
<head>.
PANDUAN SINGKAT
Apa itu favicon dan ukuran yang dibutuhkan?
Favicon adalah ikon kecil yang mewakili website pada tab browser, bookmark, dan beberapa tampilan perangkat. Satu ukuran saja sering kurang tajam untuk semua konteks, sehingga paket ini menyediakan ICO dan beberapa PNG.
favicon.ico memuat tiga ukuran desktop. apple-touch-icon.png dipakai saat website disimpan ke layar utama perangkat Apple. PNG 192 dan 512 piksel tercantum dalam site.webmanifest untuk konteks aplikasi web.
File dan kode HTML perlu ditempatkan pada alamat yang saling sesuai. Jika memakai CDN atau subfolder, ubah path pada snippet serta path ikon relatif di manifest.
SUPAYA TAMPIL JELAS
Desain kecil perlu detail yang sederhana.
Hindari teks panjang, garis yang sangat tipis, dan elemen terlalu rapat. Saat ikon menyusut ke 16×16, detail kecil mudah hilang. Pilih satu simbol atau inisial singkat dengan warna yang kontras.
Jika logo terlalu dekat tepi, tambahkan ruang tepi. Mode “tampilkan seluruh gambar” menjaga semua bagian logo tetap utuh; mode “penuhi bidang” mengisi persegi tetapi dapat memotong sisi gambar.
PERTANYAAN UMUM
Tentang favicon generator.
Jawaban singkat sebelum Anda memasang hasilnya.
Apa itu favicon?
Favicon adalah ikon kecil yang mewakili website, misalnya pada tab browser, bookmark, dan daftar aplikasi. Favicon dapat berupa file ICO atau PNG yang dihubungkan melalui elemen link di bagian head HTML.
Bagaimana cara membuat favicon dari logo atau gambar?
Pilih tab Gambar atau logo, unggah PNG, JPEG, atau WebP, atur tampilan dan ruang tepi, lalu klik Generate Favicon. Unduh ZIP dan unggah berkasnya ke website.
Bisakah membuat favicon dari teks?
Ya. Pilih tab Teks, masukkan 1 sampai 3 huruf atau angka, pilih warna dan gaya, lalu generate. Pratinjau dan hasil unduhan memakai pilihan tersebut.
Ukuran favicon apa saja yang dibuat?
Generator menghasilkan PNG 16×16, 32×32, 48×48, Apple Touch Icon 180×180, PNG 192×192 dan 512×512, serta favicon.ico berisi lapisan 16, 32, dan 48 piksel.
Bagaimana memasang favicon di website?
Unggah seluruh isi ZIP ke direktori utama website agar path pada snippet tetap cocok, lalu tempel snippet HTML di dalam head. Jika disimpan pada folder lain, ubah path pada snippet dan manifest sebelum digunakan.
Apakah gambar yang diunggah disimpan?
Tidak oleh generator ini. Gambar diproses dengan Canvas di browser dan tidak dikirim ke endpoint generator. Halaman tetap memuat Google AdSense sesuai kebijakan privasi situs.
Apakah favicon SVG dapat diunggah?
Tidak. Generator menerima PNG, JPEG, dan WebP. Ekspor SVG menjadi PNG terlebih dahulu untuk menghindari konten aktif atau referensi eksternal dalam berkas SVG.