Ubah logo Anda menjadi semua ikon yang dibutuhkan situs web: favicon.ico yang dicari browser, ikon PNG, ikon layar utama iPhone, dan ikon aplikasi Android, lengkap dengan manifest siap pakai dan baris kode untuk ditempel ke halaman Anda.
Pembuat favicon at a glance
| Price | Gratis, tanpa daftar, tanpa watermark, tanpa batas harian |
|---|---|
| Menerima | JPG · PNG · WebP · HEIC |
| File terbesar | 20 MB per file |
| Tempat berjalan | Di browser Anda: file tidak pernah diunggah |
| Bisa dipakai di | Browser modern apa pun di iPhone, Android, Windows, Mac, dan Linux |
| Kirim hasilnya | Unduh, atau kirim gratis dengan tautan atau via email (hingga 20 GB) |
Cara menggunakan pembuat favicon
- Pilih logo atau gambar persegi, idealnya 512 × 512 piksel atau lebih besar.
- Tentukan cara menangani gambar yang tidak persegi, latar belakang, dan padding.
- Tekan Buat favicon.
- Unduh semuanya sebagai ZIP, unggah file ke root situs Anda, lalu tempel HTML-nya ke dalam <head>.
Apa yang Anda dapatkan
| File | Ukuran | Dipakai oleh |
|---|---|---|
favicon.ico | 16, 32, 48 px | Semua browser, Windows, bookmark |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Tab browser |
apple-touch-icon.png | 180 px | Layar utama iPhone dan iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Layar utama Android, aplikasi web yang bisa diinstal |
site.webmanifest | Nama, ikon, dan warna untuk Android dan PWA |
Mendesain untuk 16 piksel
Favicon itu sangat kecil. Gunakan simbol tebal atau satu-dua huruf, bukan logo lengkap dengan tagline, dan kontras yang tinggi. Ikon kecil dibuat dengan memperkecil bertahap setengah demi setengah dari salinan kerja yang besar, sehingga tepinya tetap tajam. Padding memberi ruang bernapas untuk logo yang menyentuh tepi, dan sudut membulat atau lingkaran menyamakan gaya dengan ikon aplikasi. Ikon iPhone selalu diberi latar belakang solid karena iOS menampilkan area transparan sebagai hitam.
File ICO sungguhan
favicon.ico ditulis di sini byte demi byte sebagai file ikon multi-ukuran yang asli (entri terkompresi PNG, didukung semua browser terkini dan Windows sejak Vista), bukan PNG yang diganti namanya. Tidak ada yang diunggah: logo Anda diproses di browser. Untuk mengedit gambarnya dulu, misalnya crop jadi persegi, gunakan editor gambar. Butuh kode QR untuk situs Anda juga? Coba Pembuat kode QR.
Perbandingannya
| Alat ini | Online converters (e.g. TinyPNG, iLoveIMG, atau CloudConvert) | Aplikasi desktop (misalnya Photoshop) | |
|---|---|---|---|
| File Anda sudah diunggah | Tidak | Ya, ke server mereka | Tidak |
| Instal atau akun | Tidak ada | Akun untuk beberapa fitur | Perlu instal |
| Watermark atau batas harian | Tidak ada | Umum di paket gratis | Tergantung aplikasinya |
Paket layanan lain bisa berubah; cek situs mereka. Selengkapnya alat gambar.
Pertanyaan yang sering diajukan
Berapa ukuran gambar favicon yang sebaiknya?
Persegi dan minimal 512 × 512 piksel, agar ikon Android yang besar tetap tajam. Gambar yang lebih kecil bisa dipakai tetapi akan diperbesar.
Di mana file-file ini diletakkan?
Di folder root situs web Anda (di sebelah index.html), lalu tempel HTML yang ditampilkan bersama hasilnya ke bagian head halaman Anda.
Apakah favicon.ico masih diperlukan?
Ya. Browser dan banyak alat meminta /favicon.ico secara otomatis, bahkan tanpa tag link.
Bisakah membuat favicon dari foto?
Bisa, pilih Crop bagian tengah, tetapi logo atau huruf sederhana jauh lebih mudah dikenali di ukuran 16 piksel.
Apakah logo saya diunggah?
Tidak. Ikon dibuat di perangkat Anda.
Perlu mengirim file besar?
Kirim file hingga 20 GB dengan tautan unduhan atau via email. Gratis, tanpa perlu akun, kualitas asli.
Kirim file besar gratis