---
title: "Visual checklist"
description: "Prepare your store images before uploading them: resize and compress them, and follow the recommended dimensions for banner, logo and favicon."
url: https://www.ciklik.academy/en/personnalisation-site/check-list-visuels/
lang: en
lastUpdated: 2026-10-09
---

# Visual checklist

> Box store
>
> This page applies to box stores hosted by Ciklik. Using the PrestaShop module? [See the PrestaShop documentation](https://www.ciklik.academy/en/prestashop/).

## Watch the Video

[Video](https://player.vimeo.com/video/737548143)

> Caution
>
> Your images must be optimized for the web to ensure good technical performance for your site. Make sure to resize and compress your images before importing them into your media gallery.

You can use [Photopea](https://www.photopea.com) and [Squoosh](https://squoosh.app/) to resize and compress your images.

1. Open your image in Photopea.

2. Resize it by going to **Image > Image size** (as a general rule, an image in web content should not exceed 500 px in width).

3. Export your image with 60% quality.

4. Drag your image into Squoosh for a final layer of compression.

This helps maintain the loading speed of your pages and ensures a good browsing experience.

## Recommended Dimensions

The dimensions below are **for reference only**. They can be adjusted according to your image to achieve the expected display.

| Element        | Recommended Dimensions       |
| -------------- | ---------------------------- |
| Banner         | 1425 x 450 px                |
| Logo           | PNG format with transparency |
| Favicon        | 64 x 64 px                   |
| Content images | Max 500 px width             |

## See also

[Add a banner](https://www.ciklik.academy/en/personnalisation-site/ajouter-une-banniere/)

[Add a logo](https://www.ciklik.academy/en/personnalisation-site/ajouter-un-logo/)

[Adding images to blog posts: best practices](https://www.ciklik.academy/en/contenu-pages/ajouter-des-images-dans-un-billet-de-blog-les-bonnes-pratiques/)

[Create your homepage and content pages with the visual editor](https://www.ciklik.academy/en/contenu-pages/creer-sa-page-d-accueil-et-des-pages-de-contenu-avec-l-editeur-visuel/)