Changer une image de fond (background image) dans une section
Mettre à jour rapidement l’ambiance visuelle de votre page
Points clés
• Modification simple via le Designer
• Idéal pour les sections héros ou blocs visuels immersifs
• Gestion précise de la position, taille et répétition
• Amélioration immédiate de l’identité visuelle de votre hôtel
Changer l’image de fond d’une section permet de renouveler l’ambiance visuelle de votre site hôtelier. Que vous souhaitiez mettre en avant un paysage, une chambre rénovée, un espace bien-être ou une photo saisonnière, l’opération est rapide et vous offre une grande liberté créative.
Modifier l’image de fond dans le Designer
Sélectionnez la section dont vous souhaitez changer le fond. Dans le panneau de droite, rendez-vous dans Backgrounds. Cliquez sur l’image existante ou sur le bouton « + » pour en ajouter une nouvelle. Importez votre fichier ou choisissez une image déjà présente dans l’Asset Manager.
Vous pouvez ensuite ajuster les paramètres pour obtenir un rendu professionnel :
• Position : centré, haut, bas, gauche, droite
• Size : Cover pour un plein écran propre, Contain pour un ajustement précis
• Repeat : généralement « no-repeat » pour éviter les répétitions
• Blend : options avancées pour créer des effets visuels
Optimiser la qualité et le poids de l’image
Optez pour des images haute résolution (idéalement 2000–2500 px de large) mais compressées afin de maintenir de bonnes performances. Les formats JPG ou WebP sont recommandés pour les sections visuelles de grande taille.
💡 Conseil : renommez vos fichiers avec des noms descriptifs tels que chambre-suite-hotel.jpg ou spa-piscine-hotel.webp afin de renforcer votre SEO.
Vérifier le rendu sur tous les appareils
Passez en mode tablette puis mobile pour ajuster la position de l’image. Une image bien cadrée sur desktop peut nécessiter un ajustement sur mobile pour conserver un rendu esthétique, notamment dans les sections très hautes comme les héros.
Ajouter une couleur ou un overlay
Pour renforcer la lisibilité de vos textes, vous pouvez ajouter une couleur semi-transparente par-dessus l’image. Dans Backgrounds, ajoutez un calque coloré puis ajustez l’opacité. Cela est très utile lorsque vous superposez un titre ou un bouton sur une image lumineuse.
Publier votre mise à jour
Prévisualisez la page, assurez-vous que le visuel fonctionne bien avec votre contenu, puis cliquez sur Publish pour mettre vos modifications en ligne.
Conclusion
Changer l’image de fond d’une section est une action simple qui peut transformer l’ambiance de votre page et valoriser votre établissement. Une image bien choisie renforce l’impact visuel et améliore l’expérience de navigation de vos visiteurs.