Aller au contenu
Tinolia

Votre site demande un fichier favicon.ico

Par Tinolia

Publié le : Mis à jour le :

Si votre site utilise favicon.ico, Tinolia peut créer ce fichier à partir d'un logo PNG. Placez-le au chemin défini par le site, puis vérifiez l'icône de l'onglet. Les fichiers sont supprimés automatiquement après 24 heures.

public_html · Gestionnaire de fichiers

Refusé

logo.png

Gestionnaire de fichiers cPanel dans lequel favicon.ico est attendu à la place d'un logo PNG.

favicon.ico

Exemple de modèle configuré pour favicon.ico. D'autres modèles utilisent PNG ou SVG avec une déclaration d'icône dans le HTML.

Vérifier si le site utilise favicon.ico

Un site peut déclarer son icône dans le HTML. Sans déclaration, la norme HTML autorise le navigateur à chercher /favicon.ico. Le gestionnaire de fichiers cPanel n'impose pas ICO comme seul format d'icône.

Utilisez ICO si votre thème, votre site ou ses instructions font référence à favicon.ico. Un site récent peut déclarer un autre format compatible. Ajouter un logo à la médiathèque ne suffit pas : le site doit être configuré pour l'utiliser comme icône d'onglet.

Les tailles incluses dans l'ICO

PNG en ICO accepte uniquement PNG. Le préréglage Favicon prépare les tailles 16 et 32 pixels ; Windows ajoute 48 et, si le PNG est assez grand, 256 pixels.

Les tailles supérieures à l'image source sont omises. Un logo de 32 pixels n'est pas étiré à 256, ce qui le rendrait flou. Les PNG animés sont refusés : cet outil prépare une icône fixe.

Vous obtenez un fichier .ico, sans site.webmanifest ni apple-touch-icon. Jusqu'à 10 PNG de 20 Mo chacun ; chaque image produit son propre fichier ICO.

  1. Ajoutez un logo PNG carré ou rectangulaire dans PNG en ICO.
  2. Choisissez Favicon pour une icône d'onglet en 16 et 32 pixels.
  3. Convertissez, puis téléchargez le fichier ICO sous le nom favicon.ico.
  4. Déposez-le à la racine prévue par votre site, souvent public_html, avec ce nom exact.

Si le logo est en SVG

Convertissez-le d'abord avec SVG en PNG, puis créez l'ICO. Un fichier SVG renommé favicon.ico ne devient pas une icône ICO.

Pour un SVG refusé dans un autre formulaire, consultez SVG refusé par un site. Ici, le fichier demandé est précisément favicon.ico.

Si vous partez d'un JPEG ou d'un petit logo

Cet outil attend un PNG. Passez un logo JPEG par JPG en PNG avant de créer l'ICO. La conversion en PNG ne rend pas transparent le fond déjà présent dans le JPEG.

Pour le préréglage Favicon, partez d'une image d'au moins 32 pixels sur son côté le plus court. Agrandir un petit logo avant la conversion ne lui redonne pas de netteté.

Vérifier l'icône après l'envoi

Videz le cache du navigateur ou essayez une fenêtre privée. Les favicons peuvent rester longtemps en cache. Si le site utilise /favicon.ico, vérifiez que le fichier est à la racine attendue et pas seulement dans wp-content/uploads.

Un thème peut également déclarer une favicon PNG ou SVG dans le HTML. Vérifiez le chemin réellement utilisé : envoyer un nouvel ICO ne modifie pas automatiquement cette déclaration.

Si le PNG source est trop lourd pour être accepté, consultez PNG trop lourd avant de le convertir.

Si vous gérez un site indépendant en plus d'une boutique Etsy, configurez la favicon sur ce site. Ses fichiers cPanel et son HTML sont distincts des réglages d'image de la boutique Etsy.

Exemples vérifiés

Téléchargez le fichier de départ, appliquez les réglages indiqués et comparez le résultat. Ces fichiers de démonstration publics ont été créés par Tinolia et ne contiennent aucune donnée d'utilisateur.

Mesuré le

Un ICO contenant deux tailles

Convertissez logo.png avec le préréglage Favicon.

Un ICO contenant deux tailles
Fichier et formatDimensions / pagesOctets
Fichier de départlogo.png256 × 128 px2 738
Résultatfavicon.icoICO893

Le fichier ICO contient des images de 16 × 16 et 32 × 32 pixels. Toutes deux sont réunies dans le même fichier. Déclarer cette favicon sur votre site est une étape distincte.

Essayer PNG en ICO avec l'exemple

Les mesures valent pour ces fichiers et ces réglages. La version du moteur et l'environnement de traitement peuvent modifier le nombre d'octets. Les exemples publics restent disponibles. Vos fichiers suivent la règle de suppression après 24 heures.

Télécharger le relevé des mesures (JSON)

Sources consultées

  • HTML : icônes

    Lien HTML icon et déclaration de la favicon d'une page.

Ces références documentent les sujets indiqués. Nous vérifions les limites et les réglages de Tinolia dans les outils. Les règles des services peuvent changer. Suivez les consignes de votre compte, de votre version de l'application ou de votre démarche.

Questions fréquentes

Pourquoi mon hébergement demande-t-il favicon.ico ?

Le thème peut utiliser /favicon.ico, et le navigateur peut chercher ce chemin si aucune icône n'est déclarée. Cela ne signifie pas que cPanel impose ICO à tous les sites.

Puis-je renommer logo.png en favicon.ico ?

Renommer le fichier ne transforme pas ses données PNG en ICO. Créez un vrai ICO avec PNG en ICO, puis déposez-le sur le site.

Quel préréglage choisir : Favicon ou Windows ?

Favicon inclut 16 et 32 pixels. Windows ajoute les tailles 48 ou 256 compatibles avec la source. Choisissez selon l'usage et la résolution du logo, puis vérifiez la déclaration d'icône du site.

Mon logo est en SVG. Par quoi commencer ?

Convertissez-le avec SVG en PNG, puis créez l'ICO. Pour les formulaires qui refusent SVG, consultez SVG refusé par un site.

L'ICO conserve-t-il la transparence ?

Oui. Les logos rectangulaires sont placés dans un carré transparent sans être recadrés.

L'outil crée-t-il aussi apple-touch-icon et un manifeste ?

Il produit un fichier .ico. Le manifeste et les icônes Apple se préparent séparément dans votre thème ou votre site.

Combien de PNG puis-je convertir ?

Jusqu'à 10 fichiers de 20 Mo chacun. Chaque PNG produit son propre ICO.

Pourquoi l'onglet affiche-t-il encore l'ancienne icône ?

La favicon peut rester en cache. Une fois le nouveau favicon.ico au bon emplacement, actualisez sans cache ou essayez une fenêtre privée. Vérifiez aussi le chemin déclaré par le site.

Autres guides sur ce sujet

Tous les guides