Image source
Importez un PNG ou SVG pour afficher l’aperçu.
Generateur d’icones
Chargez un PNG ou SVG pour generer favicon, icones PWA et app avec marges intelligentes et zone de securite.
Importer PNG ou SVG
PNG et SVG sont supportes. PNG transparent ou SVG statique simple recommande. Taille minimale conseillee: 512×512.
Deposez votre PNG/SVG ici
ou cliquez pour selectionner
Parametres
Mode de marge
Mode de fond
Style des coins en apercu
Couleur de fond
Parametres manifest
Apercu
Zone du sujet detectee
Importez un PNG ou SVG pour afficher l’aperçu.
Apercu favicon
—
Apercu Apple
—
Apercu PWA
—
Apercu maskable
—
Fichiers de sortie
Fichiers generes automatiquement, telechargeables individuellement ou en ZIP.
favicon-16x16.png
16×16
favicon-32x32.png
32×32
favicon-48x48.png
48×48
apple-touch-icon.png
180×180
icon-192x192.png
192×192
icon-512x512.png
512×512
icon-maskable-192x192.png
192×192
icon-maskable-512x512.png
512×512
icon-256x256.png
256×256
icon-1024x1024.png
1024×1024
favicon.ico
48×48
site.webmanifest
JSON
Telechargement
Telechargez le pack ZIP complet, le manifest, ou chaque fichier separément.
{
"name": "Toolbye App",
"short_name": "Toolbye",
"theme_color": "#2563eb",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "/",
"icons": [
{
"src": "icon-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "icon-maskable-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "icon-maskable-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}Comment utiliser
- Importez un PNG ou SVG: l’outil detecte automatiquement la zone utile du sujet.
- Choisissez le mode de marge et le fond, puis verifiez les apercus.
- Telechargez le ZIP (PNG, favicon.ico et manifest).
Difference entre favicon, PWA et maskable
Favicon
Petit icone d’onglet navigateur. Le contour doit rester lisible a tres petite taille.
Icone PWA
Utilisee pour l’installation web app sur l’ecran d’accueil.
Icone maskable
Adaptee aux masques de lanceurs Android; le sujet doit rester dans une zone centrale sure.
Erreurs frequentes
Sujet trop proche des bords
Un sujet plein cadre peut etre rogne selon la plateforme.
Trop de marge transparente
Une grande zone vide rend l’icone visuellement trop petite.
Mauvais format de fichier
Le service supporte PNG et SVG. Pour un SVG complexe, simplifiez-le ou utilisez PNG.
Source trop petite
Une faible resolution degrade la nettete en 512/1024.
Les images sont-elles envoyees au serveur ?
Dans cette implementation, l’analyse, le rendu, le manifest et le ZIP sont traites dans le navigateur.
Aucune API externe dediee n’est requise pour le flux principal.
FAQ
Quel format est accepte ?
PNG et SVG. PNG transparent et SVG statique simple sont recommandes.
Pourquoi laisser des marges ?
Pour eviter que le sujet soit coupe sur differents lanceurs/plateformes.
Favicon vs app icon ?
Favicon pour onglets navigateur, app icon pour installation/ecran d’accueil.
Qu’est-ce qu’une icone maskable ?
Une icone prevue pour les masques de forme (Android).
Mon image est-elle envoyee ?
Le flux normal est traite localement dans le navigateur.
Quelle taille source recommandez-vous ?
Au moins 512×512, 1024×1024 de preference.
Pourquoi preferer PNG transparent ?
Le canal alpha aide a detecter correctement les limites du sujet.
Puis-je recolorer une icone SVG ?
Oui. Passez la couleur d’icone en mode personnalise puis choisissez une couleur preset ou HEX (teinte unie).
Outils associes
Base64 Encode / Decode
Convertissez texte et images vers/depuis Base64.
JSON Formatter
Formatez, minifiez et validez du JSON.
Timestamp Converter
Convertissez rapidement timestamp et date/heure.