Convertisseur PNG en ICO et générateur de favicon
Déposez un PNG ou un logo n'importe où sur cette page et téléchargez un seul .ico avec toutes les tailles de 16 à 256 px, ou un pack de favicons complet avec les icônes d'application, un manifeste web et les balises HTML.
Essayez
Vous avez déjà le fichier ?
- Gratuit, sans inscription
- .ico et PNG de 16 à 512 px
- Icône Apple Touch
- Manifeste d'application web
Déposez le logo pour l'ouvrir
Continuez à trouver des logos, gratuitement
Plus d'images du site
Cliquez sur un logo pour essayer le suivant trouvé sur ce site, ou pour le retirer.
Passez ce logo en 3D
Des vidéos de logo 3D animé pour Reels, TikTok et YouTube, des images 3D brillantes et des fichiers d'impression 3D, créés dans votre navigateur en quelques secondes.
Le rendu
Comment convertir un PNG en ICO
Déposez le fichier, vérifiez l'icône, téléchargez. Votre image est convertie dans votre navigateur, gratuitement et sans compte.
Déposez votre PNG
Déposez un PNG, un JPG, un WebP ou un SVG n'importe où sur la page, ou cliquez sur Déposer votre logo sous le champ de recherche. Vous créez une icône pour une entreprise qui en a déjà une ? Saisissez l'adresse de son site et l'outil récupère les icônes qu'elle utilise déjà.
Vérifiez le rendu en icône
Votre image s'ouvre centrée sur un carré, la forme qu'attend chaque emplacement d'icône, et vous la voyez dans un onglet de navigateur à sa taille réelle de 16 px et en icône d'application sur téléphone.
Téléchargez l'ICO
Cliquez sur ICO pour obtenir un seul .ico contenant les tailles 16, 24, 32, 48, 64, 128 et 256 px, ou sur Favicons pour le pack complet du site dans un seul ZIP.
Mettez-le en place
Copiez le pack sur votre site web et collez les lignes HTML toutes prêtes, ou associez le .ico à un raccourci, un dossier ou une application Windows.
Chaque taille contenue dans le .ico, et où elle s'affiche
Un ICO est une boîte à icônes : un seul fichier qui contient la même image en plusieurs tailles, pour que chaque endroit qui l'affiche choisisse la taille parfaite.
| Taille | Où elle s'affiche |
|---|---|
| 16 × 16 px | Onglets et favoris du navigateur ; barres de titre, menus contextuels et zone de notification de Windows |
| 24 × 24 px | La barre des tâches de Windows, les résultats de recherche et la liste des applications du menu Démarrer |
| 32 × 32 px | Onglets sur les écrans haute résolution ; applications épinglées au menu Démarrer de Windows |
| 48 × 48 px | La barre des tâches sur les écrans haute résolution ; les icônes épinglées au menu Démarrer avec une échelle d'affichage de 150 % |
| 64 × 64 px | Icônes épinglées au menu Démarrer et barres de titre sur les écrans haute résolution |
| 128 × 128 px | Une image de référence aux dimensions proches des tailles intermédiaires que Windows affiche sur les grands écrans |
| 256 × 256 px | Icônes épinglées au menu Démarrer avec l'échelle d'affichage la plus élevée, et l'image de référence à partir de laquelle Windows réduit toutes les tailles inférieures |
Le guide MDN des types d'images explique qu'un fichier ICO « peut contenir plusieurs icônes », jusqu'à 256 × 256 px. Les recommandations de Microsoft sur les icônes indiquent où Windows affiche chaque taille et demandent aux applications « au minimum : 16x16, 24x24, 32x32, 48x48 et 256x256 » ; le téléchargement ICO les contient toutes, plus 64 et 128 px pour les tailles intermédiaires.
Le pack de favicons, fichier par fichier
Tout ce dont un site web a besoin pour ses icônes, créé à partir d'une seule image, dans un seul ZIP.
| Fichier | Description | Rôle |
|---|---|---|
| favicon.ico | Un fichier d'icône contenant les tailles 16, 32 et 48 px | L'icône que les navigateurs cherchent à la racine d'un site web |
| icon-256.ico | Toutes les tailles : 16, 24, 32, 48, 64, 128 et 256 px | Applications Windows, raccourcis du bureau et icônes de dossier |
| favicon-16x16.png, favicon-32x32.png et favicon-48x48.png | Petits PNG carrés sur fond transparent | Onglets du navigateur, favoris et raccourcis |
| favicon.svg | L'icône en version vectorielle, quand votre logo en a une | Des onglets nets à toutes les tailles dans les navigateurs qui lisent les icônes SVG |
| apple-touch-icon.png | 180 × 180 px, sur fond blanc, avec un peu d'air autour | Écrans d'accueil de l'iPhone et de l'iPad |
| android-chrome-192x192.png et android-chrome-512x512.png | Les icônes de l'application web | Écrans d'accueil Android, applications web installées et leurs écrans de démarrage |
| site.webmanifest | Un petit fichier texte qui répertorie les icônes de l'application | Permet aux téléphones et aux navigateurs d'installer votre site comme une application |
| add-to-your-head.html | Les lignes à placer dans la balise head de vos pages | Un copier-coller : toutes les icônes liées d'un coup |
L'icône Apple Touch de 180 px correspond à la taille iPhone du guide d'Apple sur le contenu web pour Safari (archivé), et les navigateurs Chromium cherchent les icônes de 192 et 512 px dans le manifeste avant d'installer un site comme une application, comme l'explique web.dev.
Ajoutez-le à votre site : le HTML, prêt à coller
Copiez le pack dans le dossier racine de votre site, puis collez quatre lignes dans la balise head de chaque page.
Le fichier add-to-your-head.html du pack contient ces lignes, avec l'icône SVG quand votre logo est vectoriel :
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Pour un logo en image, la deuxième ligne pointe plutôt vers le PNG de 32 px :
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">La recherche Google affiche votre favicon à côté de vos pages quand elle le trouve. Ses consignes demandent une icône carrée d'au moins 8 × 8 px, en recommandent une plus grande que 48 × 48 px et exigent que Googlebot puisse explorer à la fois la page d'accueil et le fichier de l'icône.
Voyez-le en taille réelle avant de le télécharger
Un favicon se juge à 16 pixels. L'aperçu vous montre le vôtre à cette taille : vous choisissez la bonne image du premier coup.
À côté du grand aperçu, des mockups montrent votre icône dans un onglet de navigateur et en icône d'application sur téléphone, ainsi que le logo complet dans un en-tête de site clair et dans un en-tête sombre. Un détail qui devient une bouillie de pixels à la taille d'un onglet se repère ici, bien avant qu'un visiteur ne le voie.
Les formes simples font les meilleures petites icônes. Un symbole ou une seule lettre se lit à 16 px, là où le nom complet d'une entreprise devient illisible : recadrez sur l'emblème, ou créez une version nette et affirmée avec l'outil Logo en blanc, qui donne aussi un favicon blanc pour les onglets sombres.
Icônes Windows d'application, de dossier et de bureau
Le même .ico donne à un raccourci, un dossier ou une application Windows une icône nette à toutes les tailles, de la barre de titre au menu Démarrer.
Un raccourci. Faites un clic droit sur le raccourci, choisissez Propriétés, puis Changer d'icône et sélectionnez votre .ico.
Un dossier. Faites un clic droit sur le dossier, choisissez Propriétés, ouvrez l'onglet Personnaliser et cliquez sur Changer d'icône.
Une application que vous développez. Confiez le .ico à votre développeur ou indiquez-le dans les paramètres de compilation de votre application. Comme il contient une icône de 256 px, Windows la réduit pour chaque emplacement plus petit au lieu d'agrandir une petite icône, ce qui la garde nette sur les écrans haute résolution.
Créez un favicon à partir de votre logo
Pas encore de fichier d'icône ? Déposez directement le logo. Il est centré sur un carré avec juste ce qu'il faut d'air autour, et toutes les tailles du pack sont créées à partir de lui d'un seul coup.
Vous refaites l'identité visuelle d'un client ? Saisissez l'adresse de son site dans le Logo Finder pour partir du logo qu'il utilise déjà, ou récupérez d'abord ses icônes actuelles avec l'outil Récupérer un favicon.
Plus d'outils gratuits pour les icônes et les logos
- Convertisseur PNG en SVGUne version vectorielle du logo, nette à toutes les tailles
- Créateur de logo 3DLe même logo en image ou en vidéo 3D
- Créateur d'animation de logoHuit animations 3D en musique
- Créateur d'intro de logoUne apparition 3D du logo pour ouvrir vos vidéos
- Créateur de GIF de logo qui tourneUne rotation 3D fluide sous forme de GIF en boucle
- Logo en STL et 3MFDe tout logo au fichier d'impression 3D
- Convertisseur SVG en STLDu vectoriel au fichier d'impression 3D
- Convertisseur PNG en STLD'une image à un fichier d'impression 3D
- Comment créer un logo 3DQuatre façons de donner du relief à un logo plat
- Comment animer un logoMouvement, son et formats pour chaque plateforme
- Comment imprimer un logo en 3DTailles, couleurs, slicers et corrections
- Convertisseur de logo en SVGVectorisez un logo pour l'impression et la découpe
La conversion PNG en ICO en questions
Des réponses courtes sur les fichiers ICO et les favicons : tailles, code HTML, icônes Windows et création à partir de votre logo.
Posez-nous vos questionsComment convertir un PNG en ICO ?
Déposez le PNG n'importe où sur cette page, ou cliquez sur « Déposer votre logo ». Il s'ouvre en icône carrée ; cliquez sur « ICO » pour un seul fichier .ico contenant les tailles 16, 24, 32, 48, 64, 128 et 256 px, ou sur « Favicons » pour le pack complet du site. C'est gratuit et tout se passe dans votre navigateur.
Quelles tailles un favicon.ico doit-il contenir ?
Pour un site web, 16, 32 et 48 px couvrent les onglets, les favoris et les écrans haute résolution, et le favicon.ico du pack contient exactement ces tailles. Pour une application Windows ou une icône de bureau, Microsoft demande au moins 16, 24, 32, 48 et 256 px, et le téléchargement ICO les contient toutes, plus 64 et 128 px.
Comment créer un favicon à partir de mon logo ?
Déposez votre logo sur cette page. Il est centré sur un carré, la forme qu'attend chaque emplacement d'icône, et vous le voyez dans un onglet de navigateur et en icône d'application avant de télécharger le pack de favicons. Un symbole ou une initiale du logo se lit le mieux à 16 px.
Les sites web ont-ils encore besoin d'un favicon.ico ?
Il vaut largement la peine de le garder. Les navigateurs demandent toujours /favicon.ico à un site web, la recherche Google accepte les fichiers ICO et un seul ICO contient plusieurs tailles. Les navigateurs récents lisent aussi les icônes PNG et SVG liées dans la balise head de votre page, et le pack vous fournit les deux.
Comment ajouter le favicon à mon site web ?
Copiez les fichiers du pack dans le dossier racine de votre site, là où se trouve la page d'accueil, et collez les lignes de add-to-your-head.html dans la balise head de chaque page. Sur un créateur de site web ou une plateforme de boutique en ligne, importez le PNG de 512 px dans le réglage de l'icône du site.
Puis-je créer une icône Windows de 256 px à partir d'un PNG ?
Oui. Le téléchargement ICO contient les tailles 16, 24, 32, 48, 64, 128 et 256 px. Microsoft indique qu'avec une icône de 256 px, Windows ne fait que réduire votre icône, jamais l'agrandir : elle reste donc nette à toutes les tailles. Partez d'un PNG d'au moins 256 px de large, ou d'un logo vectoriel.
Quelle est la meilleure taille de favicon ?
Un ensemble plutôt qu'une seule taille : 16, 32 et 48 px dans le favicon.ico, une icône Apple Touch de 180 px et des icônes de 192 et 512 px pour le manifeste de l'application web. Google recommande un favicon carré de plus de 48 × 48 px pour la recherche. Le pack les crée toutes à partir d'un seul fichier.
Cet outil vous a-t-il été utile ?
Votre logo, sur tout ce que vous imprimez, en 3D
Proofscene transforme vos BAT PDF (bon à tirer) en BAT 3D interactifs, sur votre propre lien à votre marque : vos clients voient leurs cartes, leurs emballages et leurs bracelets avant leur fabrication. Commencez gratuitement dès aujourd'hui.
Compte gratuit · Sans carte bancaire · Conçu par des imprimeurs