Guide favicon et PWA
Consultez les fichiers indispensables pour web + PWA.
Transformer un SVG en pack d’icones
Importez un SVG, ajustez couleur et marges, puis exportez favicon, icones app, manifest et ZIP.
Recommandations SVG
- Preferez un SVG statique sans script, foreignObject ni ressources externes.
- Des formes vectorielles simples donnent un rendu plus stable multi-tailles.
- Si le rendu differe, simplifiez le SVG ou remplacez par une source PNG.
Flux pratique
- Importez le SVG et verifiez l’apercu source + limites detectees.
- Choisissez mode couleur (original/personnalise) et mode de marge.
- Verifiez les apercus petites tailles pour detecter traits trop fins ou remplissages manquants.
- Telechargez le ZIP avec favicon, PNG Apple/PWA/maskable et site.webmanifest.
Exemple complet
Entree : Logo SVG monochrome pour site SaaS.
Parametres : Couleur personnalisee #2563eb + marge equilibree + fond transparent.
Sortie : Jeu d’icones coherent (couleur + marge) sur toutes les tailles exportees.
Conseils conversion SVG
- Les fills inline se convertissent souvent mieux que variables CSS ou styles externes.
- Si la couleur personnalisee est incorrecte, simplifiez le SVG en forme pleine monochrome.
- Conservez le SVG source avec le ZIP pour regenerer facilement le meme pack.
FAQ
Les filtres SVG complexes sont-ils preserves a 100 % ?
Pas toujours. Les filtres avances et polices externes peuvent varier apres rasterisation.
Que fait la couleur personnalisee sur SVG ?
Une teinte unie est appliquee selon le masque alpha rendu pour uniformiser le style.
Puis-je obtenir favicon.ico depuis une source SVG ?
Oui. Le SVG est rasterise puis exporte via la meme chaine PNG/ICO.
Quand garder la couleur originale ?
Conservez l’original si la palette de marque est deja validee; utilisez personnalisee pour un systeme mono-couleur.
Scenarios icones associes
Guide zone sure maskable
Evitez la coupe du sujet lors de l’export maskable.
Outils associes
Timestamp Converter
Convertissez rapidement les horodatages de vos logs de release.
Outil QR Code
Generez des QR codes pour les pages qui utilisent les icones exportees.
JSON Formatter
Formatez le manifest JSON avant de valider les metadonnees d’app.