Panduan Manifes Aplikasi Web
Manifes aplikasi web (site.webmanifest) memberi tahu browser yang dapat diinstal tentang nama aplikasi, warna, dan ukuran ikon mana yang akan digunakan di layar beranda. Pasangkan dengan ikon 192×192 dan 512×512 PNG untuk pengaturan favicon PWA yang lengkap.
Tautkan manifes dengan <link rel="manifest" href="/site.webmanifest">. Di dalam JSON, susunan ikon harus menyertakan setidaknya entri 192×192 dan 512×512 dengan tipe image/png dan tujuan apa pun (tambahkan varian yang dapat disembunyikan untuk ikon adaptif Android jika diperlukan).
Atur theme_color dan background_color agar sesuai dengan merek Anda — keduanya mengontrol chrome browser dan layar splash selama instalasi.
Cara kerjanya
- 1
Hasilkan ikon PNGs
192 dan 512 dari paket generator favicon kami.
- 2
Buat situs.webmanifest
Sertakan nama, nama_pendek, ikon, warna_tema, tampilan.
- 3
Tautan di HTML
<link rel="manifest" href="/site.webmanifest"> ditambah meta warna tema.
Coba sekarang
Hasilkan paket ikon PWA
Pembuat FaviconFAQ
Apakah manifes diperlukan untuk situs web dasar?+
Tidak — hanya jika Anda ingin menginstal ke layar utama atau chrome Android yang lebih kaya. Favicon.ico sendiri berfungsi untuk tab.
Berapa ukuran ikon yang ada di manifes?+
192×192 dan 512×512 diperlukan untuk petunjuk penginstalan. Tambahkan ikon 384 atau maskable untuk polesan.
Bisakah saya menggunakan SVG di manifes?+
Chromium mendukung SVG dalam beberapa kasus, namun PNG adalah default yang aman untuk UI instalasi lintas-browser.