Generator Ikon PWA
Hasilkan ikon yang dibutuhkan aplikasi web yang dapat dipasang — PNG 192 dan 512px plus site.webmanifest — dari satu gambar, sepenuhnya di browser Anda.
Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.
Ikon yang membuat aplikasi bisa dipasang
Sebuah progressive web app dinilai layak pasang sebagian dari ikonnya: browser mencari manifest web yang mendeklarasikan setidaknya PNG 192×192 dan 512×512 sebelum mau menawarkan permintaan pemasangan atau menaruh ikon yang layak di layar utama. Generator ini merender keduanya dari gambar sumber Anda dan menulis site.webmanifest yang merujuknya, bersama apple-touch-icon yang diminta iOS dan favicon.ico untuk tab biasa.
Bentuk sesuai launcher-nya
Launcher Android bisa memakaikan mask lingkaran atau persegi membulat pada sebuah ikon, jadi karya yang mepet ke tepi bisa terpotong. Tambahkan isian dan latar solid di sini, dan bagian pentingnya akan tetap berada di dalam area aman mask apa pun yang diterapkan; pratinjau langsung menunjukkan hasilnya pada tiap ukuran. Semuanya dirender di perangkat Anda dengan Canvas API — logo Anda tidak pernah diunggah — dan set lengkapnya diunduh sebagai zip.
Pertanyaan umum
- Apakah gambar saya diunggah untuk membuat favicon?
- Tidak. favicon.ico, ikon PNG, dan manifest semuanya dihasilkan secara lokal di browser Anda menggunakan Canvas API. Gambar Anda tidak pernah meninggalkan perangkat.
- Ukuran dan file apa saja yang saya dapatkan?
- Sebuah favicon.ico multi-resolusi (16, 32, dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192, dan 512px, sebuah site.webmanifest, serta potongan HTML untuk ditempel ke dalam <head> Anda.
- Bisakah saya mengonversi PNG atau SVG ke ICO?
- Bisa. Jatuhkan file PNG, JPG, SVG, atau WebP dan unduh favicon.ico yang sesungguhnya. Logo SVG diraster secara lokal pada resolusi tinggi terlebih dahulu.
- Gambar seperti apa yang paling cocok?
- Gambar persegi dengan logo sederhana berkontras tinggi. Gambar non-persegi dipangkas dari tengah agar pas; gunakan kontrol padding dan bentuk untuk membingkainya sesuai keinginan Anda.
- Bagaimana cara memasang favicon?
- Ekstrak paketnya ke folder root situs Anda dan tempelkan potongan HTML yang disediakan ke dalam <head> halaman Anda. favicon.ico dikenali otomatis oleh sebagian besar browser.