Generator Favicon
Unggah logo, dapatkan paket favicon lengkap dalam satu ZIP. Diproses di browser, logo tidak diunggah.
Di tab browser
Pratinjau ukuran
Kode untuk <head>
Unggah semua file dalam ZIP ke folder utama website (public_html di cPanel), lalu tempel kode ini di bagian <head> halaman.
Isi paket ZIP
Apple Touch Icon selalu berlatar solid (warna di atas, atau putih bila transparan) karena iOS tidak mendukung transparansi.
Cara memasang favicon di website
- Unggah logo. Pakai logo yang sederhana dan berbentuk hampir persegi. Detail kecil akan hilang di ukuran 16 px.
- Atur tampilan. Pilih latar transparan atau berwarna, bentuk, dan jarak tepi. Pratinjau memperlihatkan hasilnya di tab browser dan berbagai ukuran.
- Unduh ZIP lalu ekstrak.
- Unggah ke website. Taruh semua file di folder utama (public_html di cPanel, public di Laravel).
- Tempel kode HTML di bagian <head>. Pengguna WordPress cukup mengunggah gambar 512 px di Tampilan > Sesuaikan > Identitas Situs.
Butuh logo untuk tanpa latar? Pakai Hapus Latar Gambar dulu, lalu masukkan ke sini.
Pertanyaan yang sering diajukan
Apa itu favicon dan ukuran apa saja yang dibutuhkan?
Favicon adalah ikon kecil yang tampil di tab browser, hasil pencarian Google, dan bookmark. Paket lengkapnya berisi favicon.ico (16, 32, 48 px), PNG 16 dan 32 px untuk browser, Apple Touch Icon 180 px untuk iPhone dan iPad, serta ikon 192 dan 512 px untuk Android. Semuanya dibuat otomatis oleh tool ini.
Bagaimana cara memasang favicon di website?
Unggah semua file hasil ZIP ke folder utama website (public_html di cPanel, atau public di Laravel), lalu tempel kode HTML yang diberikan ke bagian <head> halaman. Di WordPress, cukup unggah gambar 512 px lewat Tampilan > Sesuaikan > Identitas Situs > Ikon Situs.
Kenapa favicon saya tidak berubah setelah dipasang?
Browser menyimpan favicon cukup lama. Coba tutup lalu buka ulang tab, tekan Ctrl+Shift+R, atau buka di jendela penyamaran. Untuk tampilan di hasil pencarian Google, perubahan bisa memakan waktu beberapa hari sampai minggu.
Format apa yang terbaik: ICO, PNG, atau SVG?
PNG berukuran 32 px dan 16 px sudah cukup untuk semua browser modern. ICO tetap berguna untuk browser lama dan permintaan otomatis ke /favicon.ico. Paket dari tool ini memuat keduanya.
Apakah logo saya diunggah ke server?
Tidak. Logo dibuka dan diubah langsung di browser Anda lewat Canvas, lalu ZIP dibuat di perangkat Anda sendiri. Tidak ada file yang dikirim atau disimpan di server kami.
Logo saya tidak persegi, apakah akan terpotong?
Tidak. Logo ditempatkan utuh di tengah kotak persegi dengan jarak (padding) yang bisa diatur, jadi tidak ada bagian yang terpotong. Untuk hasil terbaik, pakai logo yang sederhana karena di ukuran 16 px detail kecil akan hilang.
Tools Lainnya yang Mungkin Berguna
Kalkulator Ukuran Cetak & DPI
Hitung piksel untuk A4, banner, atau foto 4R, plus cek apakah resolusi gambarmu cukup tajam untuk dicetak.
Ambil Warna dari Gambar
Klik gambar untuk ambil kode HEX, RGB, HSL, CMYK, buat palet otomatis, dan cek kontras teks sesuai WCAG.
Generator Watermark Foto Produk
Tempel watermark teks (nama toko) ke foto produk, 1 sisi atau diagonal berulang. Diproses di browser, foto tidak diunggah.
Geser Subtitle SRT
Sinkronkan waktu subtitle, ubah frame rate, dan konversi SRT ke VTT. Diproses di browser, tanpa unggah.