Guide favicon et PWA
Consultez les fichiers indispensables pour web + PWA.
Convertir un SVG en favicon, PNG et ZIP
Créez un pack d’icônes web à partir d’un SVG. Vérifiez le rendu matriciel, ajustez la couleur et les marges, puis téléchargez les PNG, l’ICO et le manifeste.
Recommandations SVG
- Préférez un SVG statique sans script, foreignObject ni ressources externes.
- Des formes vectorielles simples donnent un rendu plus stable multi-tailles.
- Si le rendu diffère, simplifiez le SVG ou remplacez par une source PNG.
Flux pratique
- Importez le SVG et vérifiez l’aperçu source + limites détectées.
- Choisissez mode couleur (original/personnalisé) et mode de marge.
- Vérifiez les aperçus petites tailles pour détecter traits trop fins ou remplissages manquants.
- Téléchargez le ZIP avec favicon, PNG Apple/PWA/maskable et site.webmanifest.
Exemple complet
Entrée : Logo SVG monochrome pour site SaaS.
Paramètres : Couleur personnalisée #2563eb + marge équilibrée + fond transparent.
Sortie : Jeu d’icônes cohérent (couleur + marge) sur toutes les tailles exportées.
Conseils conversion SVG
- Les fills inline se convertissent souvent mieux que variables CSS ou styles externes.
- Si la couleur personnalisée est incorrecte, simplifiez le SVG en forme pleine monochrome.
- Conservez le SVG source avec le ZIP pour régénérer facilement le même pack.
Questions fréquentes
Les filtres SVG complexes sont-ils préservés à 100 % ?
Pas toujours. Les filtres avancés et polices externes peuvent varier après rastérisation.
Que fait la couleur personnalisée sur SVG ?
Une teinte unie est appliquée selon le masque alpha rendu pour uniformiser le style.
Puis-je obtenir favicon.ico depuis une source SVG ?
Oui. Le SVG est rastérisé puis exporté via la même chaîne PNG/ICO.
Quand garder la couleur originale ?
Conservez l’original si la palette de marque est déjà validée; utilisez personnalisée pour un système mono-couleur.
Scénarios icônes associés
Guide zone sûre maskable
Évitez la coupe du sujet lors de l’export maskable.
Outils associés
Convertisseur de timestamp
Convertissez rapidement les horodatages de vos logs de release.
Outil QR Code
Générez des QR codes pour les pages qui utilisent les icônes exportées.
Formateur JSON
Formatez le manifest JSON avant de valider les métadonnées d’app.