Chrome · Onglet de navigateur
Favicon 16×16 dans un onglet actif
ATELIER D’ICÔNES LOCAL
Transforme un PNG, JPG, WebP ou SVG en favicon.ico, icônes d’application et manifeste PWA. Vois le rendu dans un onglet de navigateur, sur un écran d’accueil iOS et dans une invite d’installation Android — avant de télécharger.
ou clique pour parcourir — PNG, JPG, WebP, SVG
Aperçus en direct
Favicon 16×16 dans un onglet actif
Apple Touch Icon 180×180
Ajouter à l’écran d’accueil
Icône d’installation PWA 192×192
Épinglé
Tuile de raccourci épinglé 48×48
Colle-le dans le <head> de ton site après avoir placé les fichiers d’icônes à la racine publique.
prêt pour le jour du lancement
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.
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.
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.
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.
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
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.
cinq petits gestes
Dépose un PNG, JPG, WebP ou SVG. Les sources carrées conviennent le mieux, mais les images larges passent aussi.
Choisis Contenir, Rogner ou Étirer. Les aperçus navigateur, iOS et Android se mettent à jour aussitôt.
Ajoute une marge, arrondis les angles, garde la transparence ou choisis un fond uni.
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.
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 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
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
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.webmanifestréponses rapides
Convertir une image ordinaire en fichiers et tailles d’icônes destinés aux favicons, raccourcis du bureau, icônes d’application, icônes PWA et petits logos de projet.
Oui. Charge un PNG et télécharge le pack — il contient un favicon.ico multi-tailles et les versions PNG correspondantes.
Oui. Utilise un fond uni si la source n’a pas de transparence.
Le carré est le plus simple. « Rogner » remplit le cadre, « Contenir » garde toute l’image visible, « Étirer » force le carré.
Non. La conversion est locale, dans ton navigateur. Ton image ne quitte jamais ton appareil.
Onglet de navigateur (16 px), écran d’accueil iOS (180 px), bannière d’installation Android (192 px), tuile Windows (48 px), plus une grille complète de 16 à 512.
favicon.ico, les tailles PNG de 16 à 512, l’Apple Touch Icon, les icônes Android Chrome, site.webmanifest, l’extrait HTML et le README.
Oui. La conversion de base est gratuite, tourne dans le navigateur et ne demande aucun compte.