Elementor : comment transformer la forme de tes photos

Elementor transformer la forme des photos

Si tu penses qu’il faut obligatoirement passer par Photoshop ou Canva pour donner une forme originale à tes photos sur ton site…
mauvaise nouvelle : tu perds du temps mais Elementor peut le faire tout seul.

Je te montre comment modifier la forme de tes images directement dans Elementor, en quelques clics, sans outil externe et sans alourdir ton site.

Tu peux aussi regarder le tuto vidéo juste ici 👇 

SOMMAIRE

Pourquoi transformer la forme de tes images sur ton site ?

Les images jouent un rôle clé dans la perception de ton site.

Quand elles sont toutes strictement rectangulaires, le rendu peut vite paraître rigide, surtout sur des sites de services ou de création.

Modifier la forme de tes images permet de :

  • casser la monotonie visuelle

  • donner plus de rythme à ta mise en page

  • renforcer ton identité graphique

  • attirer l’œil sans ajouter d’animations

 

C’est un levier simple, mais très efficace, surtout si tu veux un site moderne et cohérent.

Le réglage clé dans Elementor : le rayon de bordure

Dans Elementor, tout se passe au même endroit.

Une fois ton image ajoutée :

  • clique sur l’image

  • ouvre l’onglet Style

  • descends jusqu’à Rayon de bordure

 

Elementor transformer la forme des photos - Réglages bordures

 

Par défaut, tous les angles sont liés.
Si tu décoches l’icône de liaison, tu peux modifier chaque angle indépendamment.

Petit repère utile :

  • le premier champ correspond à l’angle en haut à gauche

  • ensuite, tu suis le sens des aiguilles d’une montre

C’est ce réglage qui te permet de passer d’une image basique à une forme plus travaillée en quelques secondes.

 

Elementor transformer la forme des photos - Réglages

Pour aller plus loin

Créer des formes originales sans outil externe

C’est là que tu peux vraiment adapter le design à ton univers.

Selon les valeurs que tu appliques, tu peux obtenir :

  • des angles légèrement arrondis pour un rendu doux

  • deux angles arrondis et deux angles droits pour plus de contraste

  • des formes très marquées avec de grandes valeurs de rayon

 

L’avantage, c’est que tu vois le résultat en direct, sans exporter ton image ni modifier le fichier d’origine.


Tu ajustes, tu testes, tu affines, tout se fait dans Elementor.

Un vrai plus pour les performances de ton site

Créer ces formes directement dans Elementor a aussi un impact positif sur la performance.

Contrairement à une image travaillée dans un outil externe :

  • tu n’as pas besoin de PNG avec fond transparent

  • tu importes une image classique, plus légère

  • le navigateur gère la forme via le CSS

Résultat,  des images plus rapides à charger, un site plus fluide, une meilleure expérience utilisateur

Et ça, c’est aussi bon pour le SEO.

S'inscrire à la newsletter

2 fois par mois, je te partage mes conseils pour créer une communication visuelle impactante, des contenus exclusifs et les coulisses de ma vie d’indépendante.

Une newsletter 100% fun, 0% bullshit

À télécharger

Besoin d’un site pour trouver des typographies, des couleurs, photographies ? ou encore d’outils précis.

Retrouve tout dans ma liste de ressources sur Notion.