Una imagen en línea es una imagen gráfica que se inserta en una página web para agregar atractivo visual, proporcionar información o representar un hipervínculo. Las imágenes en línea suelen estar en formatos GIF, JPEG o PNG. Se incorporan a una página web mediante el esquema de URI de datos.
Los URI de datos permiten la incrustación de datos de pequeño tamaño que el navegador puede recuperar instantáneamente. El navegador recupera las imágenes en línea junto con el HTML y las muestra como parte del documento web. Para que el navegador pueda recuperar y mostrar las imágenes sin demasiado tiempo ni problemas, es recomendable utilizar imágenes en línea de pequeño tamaño.
Las imágenes más grandes ralentizarían el tiempo de carga y provocarían que el sitio tardara mucho en aparecer en la pantalla. La mayoría de los visitantes de la web no tienen la paciencia de esperar a que esto suceda. Esto afectaría negativamente al tráfico del sitio.
Las imágenes HTML en línea se obtienen del servidor del sitio web en el que se mostrarán o se incluyen en otros servidores externos. El uso de imágenes en línea de fuentes externas es un tema controvertido, ya que se puede hacer sin permiso. La etiqueta img se utiliza para insertar imágenes en línea en párrafos y encabezados en la página web. La etiqueta img no se puede utilizar de forma flotante. Tiene que estar encerrado dentro de otro elemento.
El atributo obligatorio de la etiqueta img es el atributo src. El atributo src especifica la dirección web o URL desde la que el navegador puede recuperar el archivo de imagen. Además del atributo src, las imágenes HTML en línea se pueden definir mediante tres atributos opcionales. Estos son alt, align e ismap.
El atributo alt proporciona una alternativa de texto de imagen en línea. Por lo tanto, en caso de que el navegador del espectador no admita gráficos, el espectador verá el texto en lugar de la imagen. Se recomienda encarecidamente utilizar el atributo alt.
El valor del atributo alt puede ser una cadena vacía. Por ejemplo, si hay una imagen decorativa, no es necesario proporcionarle texto alternativo. Por lo tanto, el valor del atributo alt se puede dejar en blanco.
El estilo de la imagen en línea se puede establecer con el atributo de alineación. El atributo de alineación le dice al navegador dónde debe aparecer la imagen en línea en relación con el texto de la página web. La imagen en línea se puede alinear con la parte superior, media o inferior del texto adyacente en la página web.
Con el atributo ismap, una imagen en línea se puede marcar como un mapa de imagen activo. Esto significa que se pueden hacer diferentes partes de la imagen para producir diferentes acciones cada vez que alguien hace clic en las diferentes partes. Por ejemplo, si hay una imagen en línea que muestra la Tierra y Saturno, hacer clic en la Tierra puede llevar a información sobre la Tierra y hacer clic en Saturno puede llevar a información sobre Saturno.
A diferencia de los atributos alt y align, el atributo ismap no funciona por mera inclusión en la etiqueta img. Requiere alguna configuración realizada en el servidor. Es posible que también se requiera cierta cantidad de conocimientos de programación.