prêt pour le jour du lancement
Convertir une image en icône en ligne
OneImageTool transforme un logo, un avatar, une mascotte ou une marque produit en fichiers d’icônes dont un vrai site ou une vraie application a besoin. Charge une image, mets-la en carré, vérifie le rendu dans les onglets et sur les écrans d’accueil, puis enregistre favicon.ico, les icônes PNG, les fichiers Apple Touch Icon et un manifeste PWA. Si la source demande encore un peu de travail, recadre-la en carré ou compresse un export trop lourd — ces deux outils tournent aussi dans ton navigateur.
Tout se passe dans ton navigateur. C’est important quand la source est le logo confidentiel d’un client, la marque d’une application non publiée ou une idée que tu ne veux pas envoyer sur un serveur tiers. Règle la marge, la couleur de fond et le rayon des angles en suivant les aperçus en direct.
Favicon pour les sites
Crée une icône d’onglet à partir de la même source. Choisis « Rogner » pour une marque affirmée, ou « Contenir » avec une marge quand le logo a besoin d’air.
ICO pour les raccourcis
Télécharge un ICO multi-tailles pour la compatibilité des anciens favicons et les raccourcis du bureau. Les petites tailles sont réglées pour rester nettes dans l’aperçu d’onglet.
Icônes d’application et PWA
Génère des tailles PNG plus grandes pour les écrans d’accueil et les invites d’installation. Le pack comprend un manifeste web préconfiguré et un extrait HTML.
Aperçu multi-appareils
Contrairement aux aperçus limités à l’onglet, OneImageTool montre des maquettes d’écran d’accueil iOS, de bannière d’installation Android et de tuile Windows — toutes mises à jour en direct.
un téléchargement, plusieurs supports
Ce que génère le convertisseur d’image en icône
Un bon flux de travail ne se contente pas d’un petit visuel. Pages d’atterrissage, documentation, applications, PWA et projets personnels réclament plusieurs fichiers et des extraits HTML. Récupère l’ensemble compatible navigateurs dans un seul ZIP.
Le pack comprend favicon.ico, les tailles PNG courantes, un manifeste web, un extrait HTML et un README — de quoi couvrir une installation classique de site et de PWA.
- favicon.icoICO
- favicon-16x16.png … 512x512.pngPNG
- apple-touch-icon.pngiOS
- android-chrome-192x192.pngPWA
- site.webmanifestJSON
- favicon-html.txtHTML
- README.txtDOC
cinq petits gestes
Comment utiliser le convertisseur d’image en icône
Charger
Dépose un PNG, JPG, WebP ou SVG. Les sources carrées conviennent le mieux, mais les images larges passent aussi.
Mettre en forme
Choisis Contenir, Rogner ou Étirer. Les aperçus navigateur, iOS et Android se mettent à jour aussitôt.
Styliser
Ajoute une marge, arrondis les angles, garde la transparence ou choisis un fond uni.
Vérifier
Contrôle l’onglet en 16 px et les maquettes d’écran d’accueil. Si l’icône d’onglet est illisible, ajoute de la marge ou un fond uni.
Télécharger
Enregistre le pack complet avec favicon.ico, les fichiers PNG, le manifeste, l’extrait HTML et le README.
du minuscule au prêt à installer
Les meilleures tailles pour tes icônes
Les icônes apparaissent dans des contextes très différents. Un onglet de navigateur exige un symbole marqué, presque sans détail. Un écran d’installation PWA supporte un motif plus grand. Ce convertisseur produit toutes les tailles courantes depuis une seule source.
| Taille | Usage courant | Aperçu dans l’outil | Conseil |
|---|---|---|---|
| 16×16 | Onglets, ancien favicon | Maquette d’onglet | Silhouette marquée, très peu de détails |
| 32×32 | Favicon PNG moderne, onglets HD | Grille des tailles | Valeur par défaut pratique dans le HTML du favicon |
| 48×48 | Raccourcis bureau, tuiles Windows | Maquette de tuile Windows | Garde la forme bien centrée |
| 180×180 | Apple Touch Icon | Maquette d’écran d’accueil iOS | Un fond uni rend souvent mieux sous iOS |
| 192×192 | Android Chrome, PWA | Maquette d’installation Android | Utilisé dans les icônes de manifest.json |
| 512×512 | Écran de lancement PWA, installation | Grille des tailles | Pars d’une source de haute qualité |
rester lisible en tout petit
Checklist avant le téléchargement
Les favicons sont minuscules : traits fins, texte réduit, photos chargées et captures d’écran deviennent vite illisibles. Sers-toi des aperçus d’onglet et d’écran d’accueil pour vérifier la lisibilité avant d’exporter.
Si l’aperçu en 16 px est difficile à lire, essaie un cadrage plus affirmé, plus de marge ou un fond uni. Les formes centrées et bien contrastées survivent bien mieux au passage de la grande image à l’icône.
Logos simples, mascottes en aplat, marques carrées, initiales marquées et symboles très contrastés.
Photos détaillées, contours fins, captures d’écran, mots longs et motifs qui touchent les bords.
coller et publier
Où placer les fichiers d’icônes générés
Pour un site statique, place les fichiers à la racine publique ou dans un dossier d’assets copié en production. Colle l’extrait HTML dans le <head>. Garde des adresses de favicon stables après le lancement, pour que les favoris et les raccourcis installés conservent la même icône.
Les caches de favicon sont tenaces pendant les tests — utilise une fenêtre privée ou renomme les fichiers pendant tes essais.
public/
├── favicon.ico
├── favicon-32x32.png
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest