Qu'est-ce qu'une image en ligne?
Une image en ligne est une image graphique insérée dans une page Web pour ajouter un attrait visuel, fournir des informations ou représenter un lien hypertexte. Les images en ligne sont généralement au format GIF, JPEG ou PNG. Ils sont incorporés dans une page Web à l'aide du schéma d'URI de données.
Les URI de données permettent l'incorporation de données de petite taille pouvant être instantanément récupérées par le navigateur. Les images en ligne sont récupérées par le navigateur avec le code HTML et affichées dans le document Web. Pour que le navigateur puisse récupérer et afficher les images rapidement et sans problème, il est conseillé d'utiliser des images en ligne de petite taille.
Des images plus grandes ralentiraient le temps de chargement et rendraient le site beaucoup de temps à apparaître à l'écran. La plupart des visiteurs Web n'ont pas la patience nécessaire pour le voir se produire. Cela aurait un impact négatif sur le trafic du site.
Les images HTML en ligne proviennent du serveur du site Web sur lequel elles doivent être affichées ou sont incluses à partir d'autres serveurs externes. L'utilisation d'images en ligne provenant de sources externes est un sujet de discorde car cela peut être fait sans autorisation. La balise img est utilisée pour insérer des images en ligne dans les paragraphes et les en-têtes de la page Web. La balise img ne peut pas être utilisée sous une forme flottante. Il doit être enfermé dans un autre élément.
L'attribut requis de la balise img est l'attribut src. L'attribut src spécifie l'adresse Web ou l'URL à partir de laquelle le navigateur peut récupérer le fichier image. Hormis l'attribut src, les images en ligne HTML peuvent être définies par trois attributs facultatifs. Ce sont alt, align et ismap.
L'attribut alt fournit une alternative au texte de l'image en ligne. Ainsi, si le navigateur du visualiseur ne prend pas en charge les graphiques, le visualiseur verra le texte à la place de l'image. L'utilisation de l'attribut alt est fortement recommandée.
La valeur de l'attribut alt peut être une chaîne vide. Par exemple, s'il existe une image décorative, il n'est pas nécessaire de lui fournir un texte alternatif. Par conséquent, la valeur de l'attribut alt peut être laissée en blanc.
Le style d'image en ligne peut être défini avec l'attribut align. L'attribut align indique au navigateur où l'image insérée doit apparaître par rapport au texte de la page Web. L'image en ligne peut être alignée avec le haut, le milieu ou le bas du texte adjacent de la page Web.
Avec l'attribut ismap, une image en ligne peut être marquée en tant que carte d'image active. Cela signifie que différentes parties de l'image peuvent être créées pour produire différentes actions chaque fois que quelqu'un clique sur les différentes parties. Par exemple, s'il existe une image en ligne représentant Terre et Saturne, cliquer sur Terre peut afficher des informations sur la Terre et cliquer sur Saturne peut afficher des informations sur Saturne.
Contrairement aux attributs alt et align, l'attribut ismap ne fonctionne pas par simple inclusion dans la balise img. Cela nécessite une configuration sur le serveur. Une certaine connaissance de la programmation peut également être requise.