---
title: "Adding images to blog posts: best practices"
description: "Prepare the images of your blog posts for fast loading: editing, resizing and compression, then upload to the media gallery from the visual editor."
url: https://www.ciklik.academy/en/contenu-pages/ajouter-des-images-dans-un-billet-de-blog-les-bonnes-pratiques/
lang: en
lastUpdated: 2026-10-09
---

# Adding images to blog posts: best practices

> 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/).

## Why Manage Your Images Properly?

Beyond the aesthetic aspect of your website, you must follow certain rules when adding an image to your site. Image management has a direct impact on your site’s **performance**, meaning the time it takes for your page to load. In other words, images affect the perception of speed that a user will have when arriving on your site.

The goal is therefore to guarantee visitors the **best experience** and a smooth, pleasant **journey** on your site.

## What Are the Best Practices?

You can first work on the visual and formatting of your image. This step allows you to customize your visual from a raw photo or create your icons while respecting your **brand guidelines**. Your images will thus be harmonious on your site and this will help define your visual identity.

Once your **design** is finalized, you can move on to the step of **resizing** your images. Remember that your visual will be downloaded from the web, so you must ensure it respects certain proportions.

The final step will be to **compress** your image without loss, meaning while preserving its visual quality. The goal is always to ensure that your site’s pages load quickly to offer the best possible experience to site visitors.

For an image uploaded to your site, as a general rule, ensure it does not exceed 300 KB.

## What Tools Should You Use?

Don’t panic, without professional **graphic design** tools, you can work on your visuals yourself. We recommend using [Canva](https://www.canva.com). It is an online design tool accessible to everyone. The free version allows you to explore many features, get inspired by existing templates, and shape your brand.

To **resize** your images, we suggest using [Photopea](https://www.photopea.com). By modifying the width of your images, the software will automatically adjust the height to maintain the proportions of the visual and not stretch it. To have some benchmarks in mind, the width of your photos mostly does not exceed 500 px. We finally recommend exporting your photos in JPEG format with quality at 60% and your illustrations in PNG format, or transparent PNG, so as not to have a background on your illustration if desired.

**Compressing** your image can finally be done from [Tinypng](https://tinypng.com). This step is very simple and will guarantee real speed when loading your homepage.

## Adding an Image from Ciklik

Your image has successfully passed through the 3 previous steps and is now on your computer.

1. Go to the admin interface of your Ciklik account.

2. Open the visual editor for the content of an article where you want to add an image, for example.

3. Position yourself in the block where you want to add an image and find your image from the **gallery** icon.

By hovering your mouse over a photo already in your gallery and clicking on the small icon that appears, you can get the URL link of your image in your clipboard and share it!

> Caution
>
> You have a dedicated media gallery. If you delete or rename the files in it, they can no longer be called.

## See also

[Blog management](https://www.ciklik.academy/en/contenu-pages/gestion-du-blog/)

[Visual checklist](https://www.ciklik.academy/en/personnalisation-site/check-list-visuels/)

[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/)