L'image s'affiche différemment sur mobile et sur ordinateur

Pourquoi l'image s'affiche-t-elle différemment sur mobile et sur ordinateur ?

GemPages adapte automatiquement la mise en page de votre page à différentes tailles d'écran en fonction d'un responsive design Principe. Voici les raisons les plus courantes pour lesquelles votre image peut s'afficher différemment :

• Redimensionnement réactif: Les images s'adaptent à chaque appareil. Cela peut modifier la taille, le format ou le recadrage d'une image.
• Paramètres de visibilité de l'appareil:Vous avez peut-être défini l'image pour qu'elle s'affiche uniquement sur le bureau, uniquement sur le mobile ou les deux.
• Disposition personnalisée pour chaque vue:Vous pouvez avoir personnalisé des sections séparément pour mobile ou ordinateur de bureau, ce qui entraîne des variations.

Comment résoudre ce problème ?

Voici comment garantir la cohérence de votre image sur tous les appareils. Ouvrez le Éditeur GemPages tableau de bord et suivez les étapes rapides ci-dessous :

Vérifier les paramètres de visibilité

1. Cliquez sur l'élément image.

2. Dans la barre latérale gauche, accédez à l' Avancé languette.

3. Faites défiler jusqu'à Afficher sur.

4. Sélectionnez les appareils appropriés (ordinateur de bureau, tablette, mobile).

Ajuster la taille de l'image manuellement

1. Passez à mobile Voir en utilisant le sélecteur de périphériques.

2. Sélectionnez l’élément d’image.

3. Utilisez les commandes de dimensionnement et d'espacement pour ajuster l'apparence de l'image sur mobile.

4. Répétez pour Tablet View si besoin.

Utiliser le même élément d'image sur tous les appareils

Si vous utilisez le même élément d'image pour tous les appareils (Ordinateur de bureau, Tablette, Mobile), gardez à l'esprit que :

• L'image peut être redimensionnée or tondu différemment selon la taille de l'écran.
• Les marges, le remplissage ou la disposition des sections peuvent entraîner un décalage ou un étirement de l'image.
• Sur des écrans plus petits, la même image peut paraître trop grande ou perdre sa mise au point.

Pour que cela reste cohérent :

1. Sélectionnez l’élément d’image.

2. Utilisez l' Commutateur d'appareils pour prévisualiser son apparence sur chaque appareil

3. Ajustez les paramètres tels que la largeur/hauteur maximale, le remplissage/la marge et l'ajustement de l'objet

4. Appliquez des valeurs différentes pour chaque appareil en basculant le Icône de l'appareil à côté de chaque paramètre.

Téléchargez différentes versions d'image pour chaque appareil (facultatif) 

Si une image ne fonctionne pas bien sur tous les appareils, essayez cette approche :

1. Préparez plusieurs versions de la même image (par exemple, optimisées pour les ordinateurs de bureau et les appareils mobiles).

2. Téléchargez chaque version en tant qu'élément d'image distinct dans votre mise en page.

3. Utilisez l' Visibilité paramètre pour afficher/masquer chaque image en fonction de l'appareil.