Code HTML pour étendre les images d'un site Web

Page Web.

Je relie de grandes images

La méthode de base pour utiliser le code HTML afin d'agrandir l'image consiste essentiellement à associer chaque grande image à une version plus petite, appelée "vignette". Lorsque les lecteurs cliquent sur une petite image, celle-ci se chargera grand sur votre écran pour revenir à la page précédente, utilisez le bouton "Précédent" de votre navigateur. Ce code utilise des balises HTML et .

Les avantages

Lier de grandes images à l'aide de vignettes présente de nombreux avantages. Etant donné que les grandes images ne sont pas directement incluses sur le site Web, chaque page se charge plus rapidement, ce qui réduit le risque que les visiteurs rencontrent des connexions lentes ou perdent patience, ce qui entraîne la décision de visiter un site différent. En outre, les utilisateurs décideront eux-mêmes s'ils souhaitent télécharger des images plus grandes au lieu d'être imposées, en particulier pour ceux qui utilisent des connexions avec des limites de téléchargement, ainsi que pour ceux qui paient pour leur connexion en fonction du montant à télécharger. . Ces utilisateurs ne dépassent pas la limite, ils ne doivent donc pas payer d’argent supplémentaire s’ils ne le souhaitent pas.

Considérations

Le code de base est basé sur les visiteurs qui utilisent le bouton "Précédent" pour revenir là où ils étaient. Cela peut semer la confusion chez certains utilisateurs susceptibles de fermer la fenêtre contenant la grande image. Il est donc impossible de revenir à la page précédente. Une alternative consiste à ouvrir chaque grande image dans une nouvelle fenêtre, bien que cela puisse dérouter les utilisateurs de la même manière qu'ils ne réalisent peut-être pas l'ouverture de la fenêtre et se demandent pourquoi leur bouton "Retour" ne fonctionne pas. Une autre alternative consiste à créer un fichier HTML pour chaque image plus grande et un lien vers ce fichier HTML au lieu d'aller directement à l'image. Cela permet d'inclure un lien qui renvoie à la page précédente avec chaque image, ce qui simplifie la navigation.

Des alternatives

CSS et JavaScript permettent d’agrandir les images sur la même page au lieu d’obliger l’utilisateur à en parcourir une nouvelle. L'inconvénient de cette méthode est qu'elle repose sur l'inclusion d'images volumineuses dans la page, qui sont masquées jusqu'à ce que l'utilisateur interagisse avec les vignettes. Si un lot d'images se trouve sur la page, le temps de chargement de la page augmente de manière exponentielle. Toutefois, cette méthode peut ne pas fonctionner pour les utilisateurs qui visitent votre page avec un ancien navigateur ou depuis leur smartphone.