Fungsi alat ini
Generator favicon membuat ikon PNG, favicon.ico, site.webmanifest, dan snippet HTML untuk menautkan aset. Anda dapat memilih mode latar belakang, padding, dan crop.
Cara menggunakan
- Unggah logo persegi atau hampir persegi.
- Atur latar belakang, padding, mode potong, dan nama aplikasi.
- Unduh ZIP dan tempatkan file di root situs Anda.
Isi paket favicon
ZIP berisi favicon.ico untuk browser klasik, ikon PNG ukuran 16, 32, 48, 180, 192, dan 512 pixel, file site.webmanifest, serta cuplikan HTML untuk menautkan aset. Paket ini mencakup tab browser, bookmark, ikon layar utama iOS, dan ikon Android/PWA.
favicon.ico dibuat dari beberapa ukuran PNG agar browser lama dan modern dapat memilih versi yang tepat. PNG 180x180 digunakan sebagai apple-touch-icon, sedangkan 192 dan 512 pixel direferensikan di manifest untuk ikon situs yang dapat dipasang.
Menyiapkan logo sumber
Logo persegi atau hampir persegi dengan ruang yang cukup di sekitar tanda bekerja paling baik. Jika tanda terlalu lebar atau tinggi, gunakan pengaturan latar dan padding agar tidak menyentuh tepi ikon kecil.
Latar transparan berguna untuk tanda sederhana, tetapi beberapa platform dapat menampilkannya berbeda. Untuk tampilan stabil, pilih warna latar dan periksa pratinjau 192, 48, dan 32 pixel sebelum mengunduh.
Memasang file di situs
Pada sebagian besar proyek, file dari ZIP ditempatkan di root situs di samping /favicon.ico, dan cuplikan HTML ditambahkan ke head template. Jika situs memakai framework, taruh file di folder public yang disalin tanpa mengganti nama.
Setelah favicon diganti, browser dan mesin pencari dapat tetap menampilkan ikon lama dari cache. Periksa halaman di jendela privat, segarkan cache, dan beri waktu untuk crawl ulang jika ikon sudah pernah dipublikasikan.