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'imagesont parfaits pour les visuels autonomes — comme les photos de produits ou les infographies — vous offrant un contrôle total sur la taille, l'alignement et l'accessibilité via le texte alternatif. Pour des mises en page plus structurées,boîtes d'imagecombinent une image, un titre et un texte descriptif en une seule unité cohérente, ce qui les rend idéales pour les sections de fonctionnalités ou les aperçus de services.
Créez des mises en page attrayantes avec les boîtes d'image
Associez vos visuels à un texte convaincant pour guider les visiteurs à travers votre page. Le constructeur visuel vous offre un contrôle précis sur le positionnement de l'image, l'espacement réactif et l'alignement pour garantir que votre contenu soit parfait sur n'importe quel appareil.
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 générer des images personnalisées directement à partir de descriptions textuelles grâce à l'IA. Pour créer une nouvelle image, utilisez laGénérer une imagefonctionnalité dans le gestionnaire de fichiers ou demandez à l'Assistant. Décrivez simplement ce que vous voulez en langage clair — par exemple, « un bureau moderne avec des baies vitrées donnant sur les gratte-ciel d'une ville ». Vous n'avez pas besoin d'inclure des instructions de style comme « photoréaliste » ou « rendu 3D », car le contexte de l'image de marque de votre projet contrôle automatiquement le style visuel pour garantir que chaque image complète le design de votre page.
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 automatiquement 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 total de l'apparence de votre bloc avec le panneau Styles avancés. Basculez facilement 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 garantir que vos sections hero soient parfaites sur n'importe quelle taille 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.
Blocs de galerieorganisent vos images dans une mise en page en grille épurée. Vous avez un contrôle total 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.
Blocs de carrouselaffichent 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 automatiquement. 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 total de 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, des remplissages et des rayons de bordure réactifs qui se transmettent parfaitement 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 garantit que votre logo reste cohérent dans les en-têtes, les pieds de page et les autres emplacements de votre site. Vous pouvez facilement contrôler la hauteur du logo et ajouter un lien, qui est 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.