Changer l’icône (favicon) de votre site Prestashop

Changer favicon prestashop icone logo

L’identité de votre site est très importante. C’est dans ce contexte que choisir la bonne image qui apparait sur l’onglet est primordiale. Ne la négligez surtout pas et suivez le guide !

Dimension du favicon

Même si l’icône apparait en petit, il est généralement conseillé de mettre une image (format carré) de 512×512 pixels. Pourquoi ? Car quand on ouvre certains navigateur, on se retrouve en face de ça :

Image

Dans cette affichage, l’icône apparait plus grand que sur l’onglet. C’est là tout l’intérêt de mettre un favicon à 512×512 pixels.

Format du favicon ? JPG ? PNG ? Ico ?

ICO est le format historique et universellement reconnu pour les favicons. Tous les navigateurs (Chrome, Firefox, Edge, Safari, etc.) le prennent en charge sans problème, même pour les anciennes versions. Un fichier ICO peut contenir plusieurs tailles d’icônes (16×16, 32×32, 48×48, etc.) dans un seul fichier. Cela permet au navigateur ou au système d’exploitation de choisir automatiquement la taille la plus adaptée à l’affichage.

PNG et JPG sont aussi largement supporté, mais certains navigateurs ou systèmes peuvent avoir des comportements inattendus avec des formats non-ICO.

CritèreICOPNG/JPG
Compatibilité✅ Universel⚠️ Variable
Multi-résolution✅ Intégré❌ Séparé
Transparence✅ Oui⚠️ PNG uniquement
Qualité✅ Sans perte⚠️ JPG avec perte

Pour Prestashop le format final sera toujours *.ico

Essayez donc de charger directement un fichier PNG/JPG dans Prestashop, la conversion devrait être automatique. Si ça ne fonctionne pas, vous pouvez toujours utiliser le convertisseur officiel de Prestashop à cette adresse :

https://addons.prestashop.com/en/create-favicon.php?pab=1

Vous devriez maintenant avoir une belle icône sur les onglets, ainsi que dans les résultats de Google et autres moteurs de recherche.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *