L'image seule

Pour une image seule : la smartnote Image. Quand vous créez la smartnote, ou quand vous la modifiez, la Palette propose les fonctions nécessaires :
  • afficher une loupe pour autoriser le zoom,
  • ajouter une légende,
  • rendre l'image cliquable,
  • la recadrer,
  • la mettre dans un médaillon,
  • lui attribuer une expression-clé pour qu'elle participe au référencement du site.
 

L'image accompagnée d'un texte

Pour l'image commentée par un texte, ou l'image qui illustre un texte, utilisez la smartnote Billet. Suivant le volume de texte, suivant s'il doit être visible d'emblée ou pas, suivant vos choix de mise en page, vous déterminerez vos options de présentation, par exemple :
  • texte qui se moule autour de l'image,
  • image pleine largeur avec une ligne de texte au-dessous,
  • image sur le côté, gauche ou droit,
  • début du texte uniquement avec lien cliquable en savoir plus,
  • ou encore l'image sur le côté qui s'adapte à la hauteur du texte.
 

Affichage de plusieurs images

Suivant l'effet que vous recherchez, utilisez l'une des 5 smartnotes consacrées à l'affichage d'un groupe d'images.
  • La smartnote Planche Photos, la plus sage : affichage des images fixes dans un espace pré-défini, ouvre le diaporama en plein écran quand on clique.
  • La smartnote Diapo Photos, la plus tendance : défilement horizontal en « slideshow ».
  • La smartnote Photo Flow reprend, avec des variantes, le célèbre effet 3D de iTunes.
  • La smartnote À la Une, pour les actualités : défilement horizontal avec titre, description, et lien cliquable pour chaque image.
  • La smartnote Carrousel : défilement lent d'une bande horizontale d'images.
 

Le référencement

Les images participent au référencement par l'intermédiaire d'une balise spécifique, la balise alt. La smartnote Image et la smartnote Billet proposent de donner un contenu à cette balise : pour la smartnote Image c'est la rubrique Nom dans la Palette à la gauche du site, pour la smartnote Billet c'est la rubrique Référencement dans les réglages liés à l'image
 

Le recadrage

Servez-vous du recadrage pour uniformiser les formats de vos images. Pour un effet artistique et moderne, quand c'est possible privilégiez le format carré.
 

À gauche ou à droite ?

L'œil donne la priorité à la gauche de l'écran. Donc, si l'image sert à illustrer le propos, placez le propos à gauche et l'image à droite. À l'inverse, si l'image est le sujet principal, placez-la à gauche et le texte sur la droite.
 

Les séries de logos

Parfois on cherche à afficher ou faire défiler une série de logos : ceux de vos fournisseurs, ceux de vos références… Utilisez la fonction de recadrage pour inscrire chaque logo dans un carré, entouré de marges généreuses.
 
 
 
 
 
 
 
 
 
 
Copyright © 2020 Quomodo S.A.S., Paris