Convertir PNG en ICO (favicon)

Un favicon est la petite icône que les navigateurs affichent dans l’onglet, la barre de favoris et l’historique. Cet outil transforme un PNG en un vrai fichier .ico multi-tailles contenant des versions de 16, 32, 48 et 64 pixels, construit entièrement sur votre appareil sans rien envoyer.

Comment convertir PNG en ICO (favicon)

Déposez votre image PNG dans l’outil. Une image carrée donne le meilleur résultat.
Le format de sortie est déjà réglé sur ICO (favicon).
Cliquez sur Lancer pour générer un .ico multi-tailles.
Téléchargez votre favicon.ico et placez-le à la racine de votre site.

Ce qu’un favicon doit faire

Un favicon s’affiche à de très petites tailles, souvent 16 pixels de côté. À cette taille, le détail fin disparaît et les traits fins s’évanouissent complètement. Un bon favicon est une forme simple et franche avec un fort contraste : une seule lettre, une version simplifiée d’un symbole de marque, ou une forme pleine dans la couleur de la marque. Si votre logo complet comporte un nom écrit, utilisez seulement le symbole, ou juste la première lettre.

Si les fichiers .ico contiennent plusieurs tailles, c’est parce que redimensionner une seule image à l’affichage donne un rendu flou. En fournissant des versions de 16, 32, 48 et 64 pixels, le système ou le navigateur peut afficher une image exacte au pixel dans chaque contexte : 16 px dans un onglet, 32 px dans une liste de favoris sur écran haute densité, 48 px dans un raccourci de la barre des tâches Windows, et ainsi de suite.

Préparer le PNG source

Faites-le carré. Si votre logo est large, placez-le d’abord sur un fond carré transparent, ou recadrez sur le symbole avec l’outil de recadrage.
Partez de 256 pixels ou plus. Réduire depuis une source grande et propre donne des résultats plus lisses qu’agrandir une petite.
Gardez un fond transparent si la forme est pleine, pour qu’elle passe bien sur les thèmes clairs et sombres. Si la forme est fine ou claire, posez-la sur un carré arrondi plein.
Évitez plus d’un ou deux caractères de texte ; ils seront illisibles à 16 pixels.

Installer le favicon

Enregistrez le fichier téléchargé sous favicon.ico et placez-le dans le dossier racine de votre site. Puis ajoutez ceci dans le <head> de chaque page :

<link rel="icon" href="/fr/favicon.ico" sizes="any">

La plupart des plateformes ont un réglage dédié : WordPress l’appelle Icône du site dans Apparence, Shopify et Squarespace ont un champ Favicon dans les réglages du thème, et Webflow en a un dans les Paramètres du projet. Téléversez le .ico là.

Aller plus loin

Pour l’ensemble complet d’icônes que réclament les appareils récents, il vous faudra aussi un PNG de 180 pixels pour les raccourcis d’écran d’accueil iOS (apple-touch-icon) et des PNG de 192 et 512 pixels pour Android et le manifeste d’application web. Ce sont de simples PNG ; utilisez l’outil de redimensionnement pour les produire à partir du même master. Le .ico de cette page couvre les onglets, les favoris et Windows, là où l’absence de favicon se remarque le plus.

Questions fréquentes

Quelle taille pour le PNG source ?

Carré, et au moins 64 par 64 pixels. Un PNG carré de 256 pixels donne les résultats réduits les plus propres. Les images non carrées sont centrées et complétées par de la transparence.

Que contient le fichier .ico ?

Quatre images encodées en PNG à 16, 32, 48 et 64 pixels. Les navigateurs et Windows choisissent la taille qui convient au contexte, pour que l’icône soit nette dans un onglet, un favori ou un raccourci de bureau.

Comment ajouter le favicon à mon site ?

Placez favicon.ico à la racine de votre site (accessible sur votresite.com/favicon.ico) et ajoutez <link rel="icon" href="/favicon.ico"> dans le <head> de vos pages. Les navigateurs mettent les favicons en cache de façon agressive ; un rechargement forcé peut être nécessaire pour voir le changement.

Ai-je encore besoin d’un fichier .ico en 2026 ?

Les navigateurs modernes acceptent les favicons PNG et SVG, mais le .ico est le seul format qui fonctionne partout, y compris les vieux navigateurs, les raccourcis Windows et certains lecteurs de flux. La plupart des sites fournissent les deux.

Vos fichiers ne quittent jamais votre appareil

Tous les outils de Squishly Tools sont 100 % gratuits et fonctionnent entièrement dans votre navigateur. Vos images et documents sont traités sur votre propre ordinateur et ne sont jamais envoyés à un serveur. Pas de compte, pas de filigrane, pas d’arnaque.