Generator Favicon
Satu gambar, semua ukuran yang dibutuhkan situs
Gambar sumber
Ikon yang dihasilkan
Belum ada yang dihasilkan
Masukkan gambar lalu tekan hasilkan — ikonnya muncul di sini.
ZIP berisi berkas ikon, site.webmanifest dan potongan HTML-nya.
Favicon bukan lagi satu file. Browser meminta 16 dan 32 piksel, iOS meminta 180, Android meminta 192 dan 512, dan masing-masing punya cara sendiri untuk menemukannya. Unggah satu gambar persegi dan dapatkan seluruh setnya beserta markup yang sesuai.
Cara pakai
- 1 Masukkan gambar persegi, idealnya 512px atau lebih besar.
- 2 Secara bawaan bagian tengah dipotong menjadi persegi — matikan opsi itu bila Anda ingin seluruh gambar dipaksa masuk.
- 3 Tekan hasilkan.
- 4 Unduh ZIP-nya lalu tempel potongan HTML ke bagian head halaman Anda.
Pertanyaan yang sering diajukan
Berapa ukuran gambar sumber yang sebaiknya dipakai?
Minimal 512×512 dan persegi. Versi 16px dihasilkan dengan memperkecil, jadi sumber yang kecil atau tidak persegi menghasilkan ikon yang kabur. Bentuk sederhana dan tegas jauh lebih tahan diperkecil daripada ilustrasi yang penuh detail.
Apakah favicon.ico masih diperlukan?
Jarang. Semua browser masa kini membaca ikon PNG dari tag link. Simpan .ico hanya bila Anda harus mendukung Internet Explorer yang sangat lawas, atau bila ada bagian sistem Anda yang mencarinya di akar situs karena kebiasaan.
Untuk apa site.webmanifest?
File itu memberi tahu Android dan Chrome ikon mana yang dipakai saat seseorang menambahkan situs Anda ke layar utama, berikut nama aplikasi dan warna temanya. Tanpa file itu, Android jatuh kembali ke tangkapan layar halaman.