Travailler avec des images
Les images donnent vie à vos pages. Que vous présentiez des produits, créiez une ambiance avec un arrière-plan hero ou construisiez une galerie de photos, Giant Context vous offre des outils flexibles pour ajouter, gérer et optimiser les images sur l'ensemble de votre site Web.
Giant Context propose deux manières principales d'afficher des images sur vos pages. Les blocs d'image sont adaptés aux visuels autonomes, comme les photos de produits ou les infographies, et vous offrent un contrôle sur la taille, l'alignement et l'accessibilité via le texte alternatif. Pour des mises en page plus structurées, les boîtes d'image combinent une image, un titre et un texte descriptif en une seule unité, ce qui les rend adaptées aux sections de fonctionnalités ou aux aperçus de services.
Créez des mises en page attrayantes avec les boîtes d'image
Associez vos visuels à un texte pour guider les visiteurs à travers votre page. Le constructeur visuel vous offre un contrôle sur le positionnement de l'image, l'espacement réactif et l'alignement sur tous les appareils.
Règle générale. Si votre image nécessite un texte d'accompagnement directement attaché, utilisez une boîte d'image. Si l'image est isolée (avec tout au plus une légende), utilisez un bloc d'image standard.
Téléverser des images
Il existe plusieurs façons d'insérer des images dans vos pages :
Gestionnaire de fichiers centralisé
Gérez tous vos médias en un seul endroit. Téléversez des images, organisez-les dans des dossiers et accédez-y depuis le sélecteur de médias de n'importe quel bloc.
Toutes les images téléchargées sont stockées en toute sécurité dans votre projet et peuvent être réutilisées sur les pages, les en-têtes, les pieds de page et les e-mails.
Génération d'images par IA
Giant Context peut aussi générer des images à partir d'une description textuelle avec la fonctionnalité Générer une image du gestionnaire de fichiers, ou en le demandant à l'Assistant. Consultez Fichiers et médiathèque pour savoir comment fonctionne la génération d'images par IA. Vous n'avez pas besoin d'ajouter des indications de style comme « photoréaliste » ou « rendu 3D » à votre invite, car le contexte de l'image de marque de votre projet contrôle automatiquement le style visuel.
Arrière-plans hero générés par IA. Lorsque vous définissez le type d'arrière-plan d'un bloc hero sur « image », le système génère des images d'arrière-plan en utilisant votre contexte de marque pour compléter le design de votre page.
Réglages de l'image
Optimisation des images
Téléchargez des originaux de haute qualité. Téléchargez l'image de la plus haute qualité possible, en visant au moins 2000 pixels de large, et laissez la plateforme s'occuper du reste. Il n'est pas nécessaire de redimensionner manuellement ou de créer plusieurs versions.
Images d'arrière-plan du Hero
Maîtrisez vos styles d'arrière-plan
Prenez le contrôle de l'apparence de votre bloc avec le panneau Styles avancés. Basculez entre les arrière-plans d'image, de vidéo, de couleur ou de dégradé, et téléchargez des images spécifiques au mobile pour que vos sections hero s'affichent bien sur toutes les tailles d'écran.
Utilisez une superposition pour la lisibilité. Lorsque vous utilisez une image d'arrière-plan, ajoutez une superposition sombre semi-transparente entre l'image et votre texte pour garantir qu'il reste lisible. Une opacité de 40 à 60 % fonctionne généralement le mieux.
Les blocs de galerie organisent vos images dans une mise en page en grille. Vous avez un contrôle sur la présentation, y compris le nombre de colonnes, l'espacement entre les images et le format d'image (choisissez parmi auto, 1:1, 4:3, 16:9 ou 3:2). Activez la fonctionnalité lightbox pour permettre aux visiteurs de cliquer sur n'importe quelle image pour la voir en plein écran, et choisissez d'afficher ou de masquer les légendes sous chaque image.
Les blocs de carrousel affichent les images une par une dans un diaporama. Les visiteurs naviguent avec des flèches ou des points, ou vous pouvez activer la lecture automatique pour faire défiler les images. Vous pouvez également définir l'intervalle entre les diapositives, activer la lecture en boucle et ajuster les formats d'image. Les deux blocs acceptent plusieurs images, chacune avec son propre texte alternatif, sa légende et un lien optionnel.
Affinez les galeries et les carrousels
Prenez le contrôle sur l'affichage de vos images. Sélectionnez un bloc carrousel pour ajuster les flèches de navigation, les points et le comportement de lecture automatique. Utilisez le panneau Styles avancés pour définir des marges, un remplissage et un rayon de bordure réactifs qui se transmettent du bureau au mobile.
Blocs de logo
Le bloc Logo affiche le logo de votre marque en le récupérant directement depuis les paramètres d'image de marque de votre projet. Cela garde votre logo cohérent dans les en-têtes, les pieds de page et les autres emplacements de votre site. Vous pouvez contrôler la hauteur du logo et ajouter un lien, généralement utilisé pour rediriger les visiteurs vers votre page d'accueil.
Bonnes pratiques et conseils
Organisez avec des dossiers. Créez tôt des dossiers dans votre gestionnaire de fichiers pour regrouper les images par page, campagne ou gamme de produits. Placer les fichiers au bon endroit dès le premier jour vous évitera de devoir démêler une bibliothèque désordonnée plus tard.