---
title: "Check-list visuels"
description: "Préparez les images de votre boutique avant de les importer : redimensionner, compresser et respecter les dimensions de bannière, logo et favicon."
url: https://www.ciklik.academy/fr/personnalisation-site/check-list-visuels/
lang: fr
lastUpdated: 2026-10-09
---

# Check-list visuels

> Boutique box
>
> Cette page concerne les boutiques box, hébergées par Ciklik. Vous utilisez le module PrestaShop ? [Voir la documentation PrestaShop](https://www.ciklik.academy/fr/prestashop/).

## Accéder à la vidéo

[Vidéo](https://player.vimeo.com/video/737548143)

> Attention
>
> Vos images doivent être adaptées au web pour garantir de bonnes performances techniques à votre site. Veillez à redimensionner et compresser vos images avant de les importer dans votre galerie de médias.

Vous pouvez utiliser [Photopea](https://www.photopea.com) et [Squoosh](https://squoosh.app/) pour redimensionner vos images et les compresser.

1. Ouvrez votre image dans Photopea.

2. Redimensionnez-la en allant dans **Image > Taille de l’image** (en règle générale, une image dans un contenu web ne dépasse pas 500 px de largeur).

3. Exportez votre image avec une qualité à 60%.

4. Glissez votre image dans Squoosh pour une dernière couche de compression.

Cela permet de ne pas dégrader la vitesse de chargement de vos pages et garantit une bonne expérience de navigation.

## Dimensions recommandées

Les dimensions ci-dessous sont **à titre indicatif**. Elles peuvent être affinées selon votre image pour obtenir l’affichage attendu.

| Élément           | Dimensions recommandées      |
| ----------------- | ---------------------------- |
| Bannière          | 1425 x 450 px                |
| Logo              | Format PNG avec transparence |
| Favicon           | 64 x 64 px                   |
| Images de contenu | Max 500 px de largeur        |

## Voir aussi

[Ajouter une bannière](https://www.ciklik.academy/fr/personnalisation-site/ajouter-une-banniere/)

[Ajouter un logo](https://www.ciklik.academy/fr/personnalisation-site/ajouter-un-logo/)

[Ajouter des images dans un billet de blog : les bonnes pratiques](https://www.ciklik.academy/fr/contenu-pages/ajouter-des-images-dans-un-billet-de-blog-les-bonnes-pratiques/)

[Créer sa page d'accueil et des pages de contenu avec l'éditeur visuel](https://www.ciklik.academy/fr/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/)