Ajouter des images dans un billet de blog : les bonnes pratiques

Pourquoi bien gérer ses images ?

Au-delà de l'aspect esthétique de votre site, il faut veiller à respecter certaines règles lors de l'ajout d'une image sur votre site. La gestion de vos images a en effet un impact direct sur la performance de votre site, c'est-à-dire sur le temps que mettra votre page à se charger. En d'autres termes, les images impactent la perception de rapidité qu'aura un utilisateur en arrivant sur votre site.

L'enjeu est donc de garantir aux visiteurs la meilleure expérience et un parcours fluide et agréable sur votre site.

Quelles sont les bonnes pratiques ?

Vous pouvez tout d'abord travailler le visuel et la mise en forme de votre image. Cette étape vous permet de personnaliser votre visuel à partir d'une photo brute ou encore de créer vos icônes et de respecter votre charte graphique. Vos images seront ainsi harmonieuses sur votre site et cela contribuera à définir votre identité visuelle.

Une fois votre design finalisé, vous pouvez passer à l'étape qui consiste à redimensionner vos images. Pensez que votre visuel va être téléchargé sur le web, il faut donc veiller à ce qu'il respecte certaines proportions.

La dernière étape consistera à compresser votre image sans perte, c'est-à-dire en conservant sa qualité visuelle. Le but est toujours de veiller à ce que les pages de votre site se chargent rapidement pour offrir la meilleur expérience possible aux visiteurs du site.

Pour une image importée sur votre site, veillez en règle générale à ce qu'elle ne dépasse pas 300 ko.

Quels outils utiliser ?

Pas de panique, sans disposer d'outils de graphisme de professionnels, vous pouvez travailler vos visuels par vous mêmes. Nous vous conseillons d'utiliser Canva. Il s'agit d'un outil de design en ligne, accessible à tous. La version gratuite vous permet d'explorer de nombreuses fonctionnalités, de vous inspirer de modèles existants et de façonner votre marque.

Pour redimensionner vos images, nous vous proposons d'utiliser Photopea. En modifiant la largeur de vos images, le logiciel va ajuster de lui-même la hauteur afin de conserver les proportions du visuel et de ne pas l'étirer. Pour avoir quelques repères en tête, la largeur de vos photos n'excède majoritairement pas 500 px. Nous vous recommandons enfin d'exporter vos photos en format jpeg avec une qualité à 60% et vos illustrations en format png, voir png transparent, de manière à ne pas avoir de fond sur votre illustration si cela est souhaité.

La compression de votre image peut enfin être réalisée depuis Tinypng. Cette étape est toute simple et vous garantira une réelle rapidité au chargement de votre page d'accueil.

Ajouter une image depuis Ciklik

Votre image a passé avec succès les 3 étapes précédentes et se trouve à présent sur votre ordinateur.

Rendez-vous sur l'interface d'administration de votre compte Ciklik. Ouvrez l'éditeur visuel pour le contenu d'un article dans lequel vous souhaitez par exemple ajouter une image.

Positionner vous dans le bloc où vous souhaitez ajouter une image et allez chercher votre image depuis l'icône galerie.

En positionnant votre souris sur une photo déjà présente dans votre galerie et en cliquant sur la petite icône qui s'affiche, vous pouvez obtenir le lien url de votre image dans votre presse-papier et ainsi le partager !

Vous avez une galerie de médias qui vous est dédiée. Attention : Si vous supprimez, ou renommez les fichiers qui s'y trouvent, alors les fichiers ne peuvent plus être appelés.

Mis à jour le : 02/02/2023