Pembuat favicon dan ikon aplikasi (PNG, ICO, manifest)
Ubah gambar atau satu-dua huruf menjadi set favicon dan ikon aplikasi lengkap, 16 hingga 512 px, dengan ICO, apple-touch-icon, dan potongan manifest, disimpan sebagai zip. Tidak ada yang keluar dari browser Anda
Memuat alat…
Membuat set favicon dan ikon aplikasi lengkap dari gambar logo atau satu-dua huruf: semua ukuran dari 16 hingga 512 px, favicon.ico, apple-touch-icon, dan manifest dalam satu unduhan, untuk situs baru atau aplikasi yang ditambahkan ke layar utama.
Cara pakai
- Di "Buat dari", pilih "Huruf" atau "Gambar". Ketik satu atau dua karakter di "Huruf", atau letakkan berkas gambar atau tekan "Muat contoh".
- Atur "Bentuk latar", "Warna latar", dan "Jarak tepi"; pratinjau langsung diperbarui. Gambar juga bisa memakai "Latar transparan".
- "Nama aplikasi atau situs" dan "Nama singkat" masuk ke site.webmanifest. Untuk Android, nyalakan "Buat juga ikon maskable".
- Tekan "Simpan sebagai zip", unggah berkas ke root situs, lalu salin "Potongan kode HTML head" ke dalam elemen head.
Cara kerja
- Gambar induk 512 px digambar lebih dulu, lalu diperkecil setengah demi setengah menjadi PNG 16, 32, 48, 180, 192, dan 512 px, agar garis tipis tetap tajam pada ukuran kecil.
- favicon.ico memuat PNG 16, 32, dan 48 px di dalam wadah ICO; browser modern membaca data PNG di dalam ICO secara langsung.
- Ikon maskable menjaga isinya di dalam zona aman tengah 80%, sehingga Android dapat memotongnya menjadi lingkaran atau persegi membulat tanpa memotong apa pun.
- Gambar dan teks hanya diproses di browser ini dan tidak pernah diunggah. Pengaturan disimpan di browser ini untuk kunjungan berikutnya.
Pertanyaan umum
- Berapa ukuran favicon yang tepat?
- Tab browser memakai 16 dan 32 px, pintasan 48 px, layar utama iPhone 180 px, dan pemasangan Android atau PWA 192 dan 512 px. Halaman ini membuat keenamnya sekaligus.
- Apakah berkas .ico masih diperlukan?
- Berguna untuk browser lama dan klien yang otomatis meminta /favicon.ico. Tautan PNG juga disertakan, jadi browser modern lebih memilih berkas PNG.
- Font apa yang dipakai untuk ikon huruf?
- Font sistem yang terpasang di perangkat Anda, dari keluarga yang dipilih. Perangkat lain mungkin menggambar keluarga yang sama dengan font berbeda.
- Bisakah ikon berlatar transparan?
- Bisa untuk gambar: nyalakan "Latar transparan" dan latar PNG dibiarkan kosong. Ikon huruf selalu punya warna latar.