Ajouter une superposition sur une image à l'aide de l'élément Bannière Hero

À propos de l'effet de superposition sur les images

L'effet de superposition ajoute un calque semi-transparent sur une image. Il est particulièrement utile pour améliorer le contraste entre l'image d'arrière-plan et le texte ou les éléments placés dessus. 

Dans GemPages, vous pouvez ajouter une superposition à votre image pour obtenir un design élégant et professionnel qui attire l'attention sur le contenu clé de votre page.

Ajouter une superposition sur une image à l'aide de l'élément Bannière Hero

Pour ajouter une superposition sur votre image à l'aide de la Bannière de héros élément dans GemPages, suivez ces étapes :

Étape 1 : ajoutez une bannière de héros à votre page

• Consultez la Tableau de bord GemPages > Pages, localisez votre page cible pour ouvrir l'éditeur.
• Dans la barre latérale gauche, entrez Bannière de héros dans la barre de recherche. Ensuite, glissez-déposez un élément de bannière héros à l'emplacement souhaité.

Étape 2 : ajouter une image à la bannière du héros

• Cliquez sur l'élément pour ouvrir ses paramètres. 
• Dans la barre latérale gauche, recherchez le Présentation section sous la Paramètres onglet et cliquez sur la case à côté de l' Image(s) option.

• À partir de là, vous pouvez choisir une image dans votre galerie ou en télécharger une nouvelle à utiliser comme arrière-plan pour l'élément. 
• Ajustez l'échelle, la position, la répétition et l'attache de l'image. Vous pouvez également définir pré-charge à Oui pour optimiser le LCP.

Étape 3 : Activer la superposition pour l'image

Une fois que vous avez terminé de configurer votre image, cliquez sur Afficher plus pour tout afficher Présentation paramètres.

Cliquez sur la case à côté de Recouvrir option pour ouvrir le panneau des paramètres.

À partir de là, vous pouvez sélectionner la couleur de superposition et ajuster l'opacité.

• Couleur : Choisissez une couleur unie à superposer à votre image. Vous pouvez saisir un code couleur hexadécimal (par exemple, #121212) ou utiliser le sélecteur de couleurs pour en sélectionner une visuellement.

• Opacité: Ajustez le curseur d'opacité ou entrez un nombre exact pour contrôler la visibilité de la superposition. 0 signifie que la superposition est entièrement transparente (invisible), tandis que 100 signifie qu'il recouvre complètement l'image d'arrière-plan.

Par exempleOpacité = 20 appliquera une superposition subtile et semi-transparente.

Questions fréquentes

1. Pourquoi devrais-je utiliser une superposition sur mon image d'arrière-plan ?

La superposition améliore la lisibilité du texte en ajoutant du contraste entre l'image d'arrière-plan et le texte. Elle crée également un style visuel plus professionnel et cohérent, notamment pour les bannières ou les sections promotionnelles.

2. Quelle est la meilleure couleur de superposition à utiliser ?

Cela dépend de votre image d'arrière-plan et de la couleur du texte :

• Utilisez des superpositions sombres (par exemple, #000000 or #121212) lorsque votre texte est clair (blanc, crème, etc.).
• Utilisez des superpositions lumineuses (par exemple, #FFFFFF avec une faible opacité) lorsque votre texte est sombre.

3. Quel niveau d’opacité dois-je définir pour obtenir les meilleurs résultats ?

Nous recommandons:

• Opacité de 15 à 30 % pour un effet subtil
• Opacité de 30 à 50 % si l'image d'arrière-plan est chargée ou colorée

Ajustez le curseur lors de la prévisualisation pour voir ce qui fonctionne le mieux pour votre contenu.

4. Puis-je utiliser des superpositions de dégradés ?

Pour le moment, GemPages V7 ne prend en charge qu'un superposition de couleur unie sur les arrière-plans des images. Pour les effets de dégradé, pensez à modifier votre image dans un outil de conception (par exemple, Figma, Canva) avant de la télécharger.

5. Pourquoi la superposition n'apparaît-elle pas sur ma bannière Hero ?

Si l’effet de superposition n’apparaît pas sur votre image, vérifiez les points suivants :

• Assurez-vous qu'une image a été ajoutée sous Présentation > Image(s).
• Assurez-vous que la couleur et l'opacité de la superposition ne sont pas définies sur une transparence totale (par exemple,#000000 avec 0 opacité).

6. La superposition s'applique-t-elle aux arrière-plans vidéo ?

Oui. Les serrures coulissantes portables et les verrous à surfaçage peuvent être utilisés pour sécuriser une porte coulissante escamotable depuis l'extérieur. Certains kits de chaîne de sécurité permettent également le verrouillage extérieur avec une clé ou un bouton rotatif. Dans GemPages v7, l'effet de superposition fonctionne à la fois pour les arrière-plans d'image et de vidéo dans l'élément Bannière Hero.

Les paramètres sont les mêmes :

• Vous pouvez sélectionner une couleur de superposition.
• Ajustez l'opacité pour contrôler la quantité de vidéo visible.