De quelles icônes un site ou une app a-t-il besoin ?
Chaque plateforme demande sa propre icône à sa propre taille. Un site a besoin de favicon.ico, de PNG de 16 et 32 px et d’un apple-touch-icon de 180 px pour l’écran d’accueil de l’iPhone. Une PWA a besoin d’icônes de 192 et 512 px, d’une icône « maskable » et d’un manifest. Une app iOS demande une icône de 1024 px sans transparence et une app Android des icônes de lanceur en cinq densités.
Ce générateur crée tout cela à partir d’une seule image, idéalement un SVG ou un PNG carré d’au moins 512 px. Choisissez les packs, le nom de l’app, la couleur de fond et la marge, puis téléchargez un ZIP organisé : fichiers web à la racine, AppIcon.appiconset prêt pour Xcode et dossiers mipmap prêts pour Android Studio.
Les icônes qui ne peuvent pas être transparentes (Apple, iOS, maskable, Google Play) utilisent la couleur de fond choisie. L’outil fournit aussi le code HTML à coller dans le <head>. Tout se passe dans votre navigateur. Avec ToolStudio Pro, générez les icônes de plusieurs logos à la fois.
Comment générer les icônes de votre app ?
- Déposez votre logo (SVG ou PNG carré) dans l’outil.
- Cochez les icônes voulues : favicon, PWA, iOS et Android.
- Saisissez le nom de l’app, choisissez la couleur de fond et la marge.
- Cliquez sur « Générer les icônes » et téléchargez le ZIP.
- Placez les fichiers web à la racine du site et collez le code dans <head>.
Quand utiliser cet outil ?
- Ajouter favicon et icône iPhone à un nouveau site.
- Rendre un site installable en PWA avec son manifest.
- Préparer l’icône d’une app iOS pour Xcode.
- Générer les icônes de lanceur Android dans toutes les densités.
Contenu du ZIP
- Web : favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png et favicon.svg si vous importez un SVG.
- PWA : android-chrome-192x192.png, android-chrome-512x512.png, maskable-icon-512x512.png et site.webmanifest.
- iOS : ios/AppIcon.appiconset avec l’icône 1024 px et Contents.json (Xcode 14 ou plus).
- Android : mipmap-mdpi à mipmap-xxxhdpi avec ic_launcher et ic_launcher_round, plus l’icône Google Play 512 px.
- head-snippet.html avec les balises <link> et <meta>.
Formats
- Entrée : SVG, PNG, JPG, WebP, GIF, BMP, AVIF ou ICO.
- Sortie : un ZIP avec PNG, ICO, manifest JSON et code HTML.
Foire Aux Questions
Mon logo est-il envoyé sur un serveur ?
Non. Toutes les icônes sont générées dans votre navigateur.
Quelle taille doit avoir mon image ?
Idéalement un SVG ou un PNG carré d’au moins 512 px, ou 1024 px pour l’icône iOS.
Pourquoi certaines icônes ont-elles un fond ?
Apple remplit de noir la transparence de l’apple-touch-icon, l’App Store refuse les icônes iOS transparentes et les icônes maskable doivent remplir le carré. Elles utilisent donc votre couleur de fond.
Qu’est-ce qu’une icône maskable ?
Une icône de PWA qu’Android peut découper en cercle ou autre forme. L’outil garde une marge de sécurité pour ne pas couper le logo.
Puis-je générer les icônes de plusieurs logos ?
Oui, avec ToolStudio Pro : chaque logo a son dossier dans le ZIP. L’essai gratuit porte sur un logo.
Est-ce gratuit ?
Essai gratuit avec un logo. Pour un usage illimité et par lots, ToolStudio Pro coûte 1,99 € par mois.