Pembuat Favicon (ICO · PNG)

Cara menggunakan

1. Pilih gambar atau letakkan di dalam kotak. PNG, JPEG, WebP, GIF, dan SVG didukung; gambar persegi minimal 512 × 512 px memberi hasil paling tajam.
2. Atur jarak tepi dan sudut membulat, lalu pilih latar transparan atau satu warna. Daftar di bawah diperbarui setiap kali Anda mengubahnya.
3. Isi nama aplikasi jika ingin dimasukkan ke site.webmanifest. Nama ini muncul saat situs ditambahkan ke layar utama ponsel.
4. Tekan “Unduh semua (ZIP)” atau unduh file satu per satu dari daftar.
5. Unggah file ke folder root situs Anda dan tempel tag di bawah “Tag untuk <head>” ke dalam <head> halaman Anda.

Pertanyaan umum

Apakah gambar saya diunggah?

Tidak. Pengubahan ukuran dan pengemasan hanya dilakukan di browser Anda.

File apa saja yang disertakan?

favicon.ico (16·32·48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, favicon-head.html. File HTML berisi tag untuk ditempel.

Mengapa apple-touch-icon.png punya latar padahal saya memilih transparan?

iOS mengisi area transparan dengan hitam dan membulatkan sudut sendiri. Karena itu ikon ini selalu diberi latar penuh (putih jika transparan dipilih) dan tanpa sudut membulat.

Gambar saya tidak persegi. Apa yang terjadi?

Gambar diperkecil dengan rasio tetap dan diletakkan di tengah, dengan ruang kosong di sisi yang lebih pendek. Potong menjadi persegi dulu jika ingin memenuhi ikon.

Ikon terlihat buram di 16 px.

Pada 16 × 16 px, detail halus dan teks kecil hilang. Gunakan bentuk sederhana atau satu-dua huruf, dan perkecil jarak tepi.

Browser masih menampilkan ikon lama.

Browser menyimpan favicon di cache cukup lama. Muat ulang dengan membersihkan cache, atau tambahkan versi pada tautan, misalnya /favicon.ico?v=2.