Ukuran apa saja yang dihasilkan?

16×16, 32×32, 48×48 (dibundel dalam favicon.ico), 180×180 (Apple Touch Icon), 192×192, dan 512×512 (ikon PWA).

Apakah transparansi dipertahankan?

Ya. Kanal alfa PNG dipertahankan di semua file keluaran, termasuk format ICO.

Apa perbedaan favicon.ico dan ikon PNG?

favicon.ico membundel beberapa ukuran dalam satu file untuk dukungan browser lama, sedangkan ikon PNG digunakan oleh browser modern dan PWA. Menyediakan keduanya memastikan kompatibilitas maksimal.

Gambar sumber seperti apa yang baik?

PNG persegi berlatar belakang transparan dengan ukuran 512×512 piksel atau lebih memberikan hasil terbaik saat diperkecil ke ukuran ikon yang lebih kecil.

Bagaimana cara menambahkan favicon ke situs web saya?

Tambahkan <link rel="icon" href="/favicon.ico"> dan <link rel="apple-touch-icon" href="/apple-touch-icon.png"> ke <head> HTML Anda.

ImageStream

FLEXEAM · MEMETALKLebih dari kata. Lebih mencerminkanmu.Tak perlu menjelaskan. Langsung main.Jelajahi tanpa mendaftar →AD

Generator Favicon

Ubah PNG menjadi favicon.ico dan paket multi-ukuran

Favicon adalah ikon kecil yang tampil di tab browser, bookmark, dan layar utama ponsel. Unggah PNG dan langsung hasilkan paket ikon lengkap berbagai ukuran yang kompatibel dengan semua browser dan perangkat.

Cara membuat favicon

1Unggah gambar PNG (disarankan latar belakang transparan)
2Pilih ukuran ikon yang Anda butuhkan
3Unduh paket ZIP dan tambahkan ke situs web Anda

Tips & kasus penggunaan favicon

Situs web — kompatibilitas lintas browser

Agar tampil benar di Chrome, Safari, Firefox, dan Edge, sediakan favicon.ico dan file PNG. Unggah semua file dari ZIP yang dihasilkan ke root situs web Anda dan tambahkan tag link yang sesuai ke head HTML.

PWA / layar utama ponsel

Untuk Progressive Web App dan pintasan layar utama, Anda memerlukan PNG 192×192 dan 512×512. Daftarkan kedua ukuran di array icons pada manifest.json untuk menampilkan ikon beresolusi tinggi di Android dan iOS.

Identitas merek — logo sebagai ikon

Pangkas hanya simbol atau logomark dari logo Anda menjadi PNG persegi sebelum mengonversinya menjadi favicon. Buat desain tetap sederhana — harus tetap dapat dikenali bahkan pada 16×16 piksel.