Conversion12 mars 20265 min de lecture

Créer un favicon – convertir PNG en ICO facilement

La petite image dans l'onglet du navigateur s'appelle favicon et c'est indispensable pour tout site qui veut paraître pro. Le web moderne utilise de plus en plus le PNG et le SVG, mais le format ICO classique reste pertinent : il fonctionne partout.

Onglet de navigateur avec favicon et icône de fichier ICO

Les tailles dont un favicon a besoin

Un bon favicon embarque plusieurs résolutions : 16×16, 32×32, 48×48 et 64×64 pixels. Les navigateurs affichent des tailles différentes selon le contexte – petit dans l'onglet, plus grand dans les favoris, encore plus grand sur écrans haute densité.

L'ICO est un conteneur capable de regrouper toutes ces tailles dans un seul fichier. Tu déposes un unique `favicon.ico` à la racine et c'est tout.

Convertir PNG en ICO en ligne

Pars d'un PNG carré d'au moins 256×256 pixels et à fond transparent. Sur Pixshift, choisis ICO comme cible : l'outil génère automatiquement toutes les tailles standards dans le conteneur.

Important : le motif doit rester lisible à 16×16. Les logos détaillés bénéficient d'une version simplifiée pour la plus petite taille, ou d'un élément central isolé. Teste localement avant de déployer.

Intégrer le favicon

Place le `favicon.ico` à la racine du site et ajoute `<link rel="icon" href="/favicon.ico">` dans `<head>`. Pour les appareils modernes, complète avec un set PNG : `<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">`, etc.

iOS et Android utilisent leurs propres apple-touch-icons en 180×180. Pour faire les choses bien, génère aussi `apple-touch-icon.png` et un `manifest.json` pour les PWA.

As-tu encore besoin d'ICO en 2026 ?

Les navigateurs modernes utilisent volontiers des favicons SVG ou PNG. Mais Microsoft Edge legacy, les aperçus Outlook et quelques crawlers cherchent encore favicon.ico. Si la portée compte, livre les deux.

Set obligatoire en 2026 : favicon.ico (16/32/48 px) à la racine + favicon.svg pour les navigateurs modernes + apple-touch-icon.png (180x180) + manifest.webmanifest avec PNG 192/512 pour les PWA. Trois minutes de boulot, trois ans tranquille.