Vendredi 22 juin 2018 — Dernier ajout jeudi 1er novembre 2018

La nouvelle façon de mettre des images en ligne Enregistrer au format PDF

0 vote

Cet article est tiré d’un article d’ARNO*, un des fondateurs de SPIP sur la proposition d’un nouveau plugin facilitant l’affichage des images dans un site web. Il en profite pour donner des indications sur la façon de mettre des images en ligne sur le web.
Ci-dessous des extraits significatifs.

Retour Sommaire

Origine des images en vignettes

Quand on a conçu SPIP en 2000, la bande passante utilisée par les images restait une question importante : on affichait les images en petit dans les articles, et on proposait de cliquer dessus pour que l’utilisateur puisse les charger uniquement s’il en a envie. Clairement, plus personne ne fait ça… On veut des images en grand et puis c’est tout. C’est aussi pour cela qu’on affiche le type et le poids du fichier dans <doc> (pour que l’utilisateur ait une idée de ce qui l’attend s’il clique sur ce terrifiant fichier de… 160Ko) ; mais aujourd’hui, en dehors de fichiers spécifiques, genre gros PDF ou fichier d’image monstrueux, ça n’a pas de sens de continuer à le faire pour des images…

Bref, le coup d’insérer des petites vignettes cliquables au lieu de grandes images, ça ne se fait plus du tout.

À l’inverse, insérer de belles grandes images qui occupent toute la largeur de la colonne, c’est la norme désormais.

Retour Sommaire

Une légende affichée pour chaque image

Une habitude (étrange…) qu’on avait était d’insérer des petites images sans légende à l’intérieur des textes. Bon, ça non plus, ça ne se fait plus : quand on met une image, si on a une légende, hé ben on affiche la légende, ça ne coûte pas plus cher…

Retour Sommaire

Plus de portfolio

Un usage que j’ai supprimé de mes sites : la différence entre portfolio et hors portfolio. Si une image est associée à un article, c’est qu’on veut l’afficher dans tous les cas (si on veut conserver des images dans le site, mais sans les associer à un article, on a maintenant la médiathèque). Donc une image s’affiche toujours de la même façon avec le raccourci <img>, et si elle n’est pas affichée dans l’article, on la mettra dans le portfolio en dessous, sans se demander si elle est dans le « portfolio » (au sens technique SPIP) de l’article, parce que c’est une notion incompréhensible pour les usagers.

Retour Sommaire

Synthèse rapide

  • des images pleine largeur (ou plus de 60%)
  • des légendes à toutes les images (sauf les diaporamas qui vont plutôt sur FlickR ou des sites équivalents).

Retour Sommaire

Voir en ligne : L’article d’origine