Si vos images s’affichent correctement sur ordinateur mais semblent recadrées sur mobile, cela est généralement dû à l’adaptation automatique aux différentes tailles d’écran. Vous pouvez ajuster la zone visible directement dans l’éditeur et améliorer facilement le rendu.
Pourquoi cela se produit-il ?
Jimdo utilise une mise en page responsive qui adapte automatiquement votre contenu à différents écrans. Lorsqu’une image est utilisée comme arrière-plan ou dans une section en pleine largeur, elle est recadrée pour s’adapter aux écrans plus petits.
Ce comportement est normal. L’image n’est pas défectueuse, elle est simplement affichée différemment de la version ordinateur.
Les causes les plus courantes :
- L’image est utilisée comme arrière-plan d’une section et non comme un élément image indépendant
- L’image a un format vertical qui ne s’adapte pas bien à un affichage mobile en largeur
- La partie importante de l’image est située près des bords et peut être coupée sur les petits écrans
Adapter le recadrage d’une image
Vous pouvez contrôler la partie visible de l’image en définissant un point focal directement dans l’éditeur.
- Connectez-vous à votre compte Jimdo et sélectionnez le site que vous souhaitez modifier
- Ouvrez l’éditeur via Modifier le site
- Sélectionnez l’image que vous souhaitez ajuster
- Ouvrez l’option Définir le point focal
- Définissez la zone visible en sélectionnant la partie souhaitée ou en déplaçant le point focal tout en maintenant le bouton de la souris enfoncé
- Cliquez en dehors de l’image pour appliquer les modifications
Conseil : Placez le point focal au centre de votre sujet, par exemple un visage ou un logo, afin qu’il reste visible sur tous les écrans.
Conseils pour choisir des images adaptées au mobile
- Pour les images avec du texte, des logos ou en format vertical, utilisez un bloc About. Ces blocs redimensionnent l’image au lieu de la recadrer, ce qui permet de l’afficher entièrement
- Utilisez des images au format horizontal pour les arrière-plans de sections, car les images verticales sont davantage recadrées sur mobile
- Évitez d’intégrer du texte, des logos ou des informations importantes directement dans les images. Utilisez plutôt les éléments de texte du bloc pour garantir la lisibilité
- Utilisez l’aperçu mobile dans l’éditeur avant de publier pour vérifier le rendu
Le problème persiste ?
Si après avoir ajusté le point focal l’image ne s’affiche toujours pas correctement sur mobile, essayez les solutions suivantes :
- Remplacez l’image par une autre avec un format plus horizontal
- Utilisez une couleur unie ou un dégradé comme arrière-plan à la place d’une image