Notre premier réflexe lorsque nous utilisons pour la première fois, un smartphone, une tablette ou un ordinateur est bien souvent de les personnaliser, que ce soit en ajoutant notre propre fond d'écran, ou en modifiant les icônes sur la page d'accueil.
Nous avons le même réflexe au moment de lancer et de créer une boutique en ligne.
Qu'il s'agisse de télécharger un logo ou des visuels produits, la première chose que nous rêvons de faire est de nous l'approprier entièrement.
Afin de vous aider à élaborer plus rapidement votre page d'accueil, l'article d'aujourd'hui décrit les tailles et formats d'images dont vous avez besoin pour personnaliser le thème par défaut de PrestaShop.
La plupart des photos que vous téléchargez dans le back-office doivent être enregistrées au format .jpeg ou .png.
Si votre logiciel de traitement d'image ne vous permet pas de sauvegarder l'image dans l'un de ces formats, essayez de l'exporter dans l'un d'eux.
Quelles tailles et formats d'image ai-je besoin pour personnaliser mon modèle par défaut PrestaShop ?
Bloc bannière
Le bloc bannière est l'un des premiers éléments que vous découvrez sur votre nouvelle boutique en ligne.
Il se trouve en haut de chaque page de votre site et bénéficie donc d'une excellente visibilité.
Utilisez cette zone pour annoncer une promotion attrayante que les clients ne peuvent pas laisser passer !
Taille recommandée : 1110 x 214 pixels
Logo
L'image la plus importante sur votre site Web est votre logo. La taille de cette image peut varier légèrement en fonction du design du logo.
La largeur maximale autorisée par le thème par défaut de PrestaShop est 200 pixels.
La hauteur conseillée pour cette zone est 40 pixels,.
Les images, dont la hauteur est supérieure à 40 pixels, ne seront pas mises à l'échelle, ce qui risque de déformer le thème par défaut.
Taille recommandée : 200 x 40 pixels
Diaporama pour votre page d'accueil
Le diaporama de la page d'accueil est probablement le deuxième élément que vous avez remarqué sur votre site.
Ces grandes images ne sont pas seulement attrayantes, mais elles défilent, ce qui attire l'attention du visiteur.
Le slideshow contient 3 images par défaut ; nous recommandons d'utiliser entre 3 et 5 images en moyenne, et pas plus de 7.
Astuce SEO : vous pouvez ajouter du texte directement sur l'image, mais les moteurs de recherche n'arriveront pas à le lire.
Pour améliorer votre SEO, nous vous conseillons d'utiliser la fonctionnalité intégrée de superposition de texte.
Par ailleurs, si vous souhaitez continuer à utiliser du texte blanc, assurez-vous que votre image est assez sombre pour que le texte soit facilement lisible.
Sachez également que certains modules PrestaShop, sont bien adaptés au respect des normes de référencement comme le Creative Slider, qui vous sera utile si vous souhaitez le personnaliser au maximum.
Taille recommandée : 1110 x 340 pixels
Photo produit
Le visuel produit par défaut sera utilisé sur l'ensemble de votre boutique en ligne dans différentes tailles.
Par exemple, les photos produits figurant sur la page produit seront plus grandes pour mettre en valeur celui-ci, mais plus petites lors du paiement, quand elles servent uniquement de référence.
Mais pas d'inquiétude : vous n'avez besoin de télécharger l'image qu'une seule fois au moment de configurer le produit.
Le logiciel PrestaShop redimensionnera automatiquement les images afin de les adapter au thème par défaut.
Taille recommandée : 800 x 800 pixels
Filigrane
Ajoutez automatiquement votre logo sur vos photos produits pour éviter qu'elles ne soient utilisées sans vous être attribuées.
Contrairement à toutes les autres images dont nous avons parlé jusqu'à présent, vous devrez enregistrer celle-ci au format .gif.
Vous pouvez choisir la taille de votre filigrane, mais assurez-vous tout de même qu'il ne prenne pas le pas sur vos produits.
Astuce : vous préférez un filigrane moins visible ? Configurez l'opacité directement dans le module intégré. Vous pourrez également choisir l'emplacement du filigrane.
Taille recommandée : aucune
Format recommandé : .gif
Modules > Modules Front Office > Filigrane
Favicon
Si cette icône vous dit quelque chose, c'est probablement parce que vous n'avez pas encore mis à jour votre favicon pour personnaliser votre site e-commerce.
Il se trouve à gauche du titre de votre page Web et apparaît avant chaque page de votre boutique en ligne.
Il existe de nombreux générateurs de favicons qui peuvent vous aider à transformer votre logo en favicon.
N'oubliez pas de sauvegarder l'image définitive au format .ico. Si vous possédez un logo très complexe, réfléchissez à une autre image pour représenter votre boutique en ligne.
Taille recommandée : 16 x 16 pixels.
Format recommandé : .ico
Mettez à jour cette fonctionnalité dans l'onglet Préférences > Thèmes > Icônes > Favicon
Ce qu'il faut retenir
Une fois que vous connaissez les différentes images dont vous avez besoin pour votre boutique en ligne, utilisez cet aide-mémoire afin de vous aider à les redimensionner.
| Nom dans le Back Office | Tailles | Type |
|---|---|---|
| Bloc bannière | 1110 x 214 pixels | .jpeg, .png |
| Logo | 200 x 40 pixels | .jpeg, .png |
| Diaporama pour votre page d'accueil | 1110 x 340 pixels | .jpeg, .png |
| Photo produit | 800 x 800 pixels | .jpeg, .png |
| Filigrane | - | .gif |
| Favicon | 16 x 16 pixels ou 32 x 32 pixels | .ico |
Vous vous demandez si PrestaShop est le bon logiciel pour vous ?
Découvrez les fonctionnalités de notre logiciel e-commerce.
