Guide du web app manifest
Un web app manifest (site.webmanifest) indique aux navigateurs le nom de votre application, ses couleurs et les tailles d'icônes à utiliser sur l'écran d'accueil. Associez-le à des icônes PNG de 192×192 et 512×512 pour une configuration favicon PWA complète.
Déclarez le manifest avec <link rel="manifest" href="/site.webmanifest">. Dans le JSON, le tableau icons doit contenir au moins des entrées 192×192 et 512×512 de type image/png avec purpose « any » (ajoutez des variantes maskable pour les icônes adaptatives Android si besoin).
Définissez theme_color et background_color pour correspondre à votre identité visuelle — ils contrôlent la barre du navigateur et l'écran de démarrage lors de l'installation.
Comment ça marche
- 1
Générer les icônes PNG
192 et 512 via notre générateur de favicon.
- 2
Créer site.webmanifest
Incluez name, short_name, icons, theme_color et display.
- 3
Déclarer dans le HTML
<link rel="manifest" href="/site.webmanifest"> plus la balise meta theme-color.
Essayez maintenant
Générer le package d'icônes PWA
Générateur de FaviconFAQ
Un manifest est-il obligatoire pour un site classique ?+
Non — uniquement si vous souhaitez l'installation sur l'écran d'accueil ou un rendu Android enrichi. Favicon.ico suffit pour les onglets.
Quelles tailles d'icônes mettre dans le manifest ?+
192×192 et 512×512 sont exigés pour les invites d'installation. Ajoutez 384 ou des icônes maskable pour un rendu peaufiné.
Puis-je utiliser du SVG dans le manifest ?+
Chromium le supporte dans certains cas, mais le PNG reste la valeur sûre pour les interfaces d'installation multi-navigateurs.
Outils associés
Générateur de Favicon
Générez un pack complet de favicons (ICO + PNG) pour chaque appareil et navigateur.
Convertisseur PNG en ICO
Convertisseur PNG vers ICO en ligne gratuit pour icônes Windows, applications et favicons de sites web.
Redimensionner une image
Redimensionnez vos images PNG, JPG et WebP aux dimensions exactes.