Ringkasan Favicon untuk 2021

• Sesuai spesifikasi browser, dibutuhkan sangat banyak file, dan ini merangkum semuanya menjadi satu

• 5 gambar dan 1 file JSON

→ .ico 32x32 : browser lama

→ .svg : dapat diskalakan, didukung oleh sebagian besar browser modern, juga mendukung mode gelap

→ apple-touch-icon 180x180 : untuk perangkat Apple; sejak iOS8+ ukurannya 180x180. Akan terlihat lebih baik jika ditambahkan padding sekitar 20px dan warna latar

→ manifest (JSON) : untuk PWA dan perangkat Android

→ 192x192 : layar utama

→ 512x512 : untuk splash screen saat PWA dimuat

• Artikel ini menjelaskan langkah demi langkah cara membuat dan mengoptimalkan 5 ikon ini dari satu SVG