Ikon yang dapat disamarkan adalah format ikon baru yang memastikan ikon PWA Anda terlihat
bagus di semua perangkat Android. Di perangkat Android yang lebih baru, ikon PWA yang tidak mengikuti
format ikon yang dapat disamarkan akan diberi latar belakang putih. Saat Anda menggunakan ikon maskable, ikon tersebut akan memastikan bahwa ikon tersebut memenuhi semua ruang yang disediakan Android untuknya.
Cara audit ikon yang dapat disamarkan Lighthouse gagal
Lighthouse
menandai halaman yang tidak memiliki dukungan ikon maskable:
Agar lulus audit:
Manifes aplikasi web harus ada.
Manifes aplikasi web harus memiliki array icons.
Array icons harus berisi satu objek dengan properti purpose,
dan nilai properti purpose tersebut harus menyertakan maskable.
Cara menambahkan dukungan ikon yang dapat disamarkan ke PWA Anda
Gunakan Maskable.app Editor untuk mengonversi ikon yang ada menjadi ikon yang dapat disamarkan.
Tambahkan properti purpose ke salah satu objek icons di manifes aplikasi web Anda.
Tetapkan nilai purpose ke maskable. Lihat Nilai.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-04-16 UTC."],[],[]]