¿Qué es una imagen en línea?

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 formato GIF, JPEG o PNG. Se incorporan a una página web utilizando el esquema de URI de datos.

Los URI de datos permiten incrustar 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 y 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 harían que el sitio tardara mucho en aparecer en la pantalla. La mayoría de los visitantes de la web no tienen la paciencia para esperar y ver que suceda. Esto afectaría negativamente el tráfico del sitio.

Las imágenes en línea HTML provienen del servidor del sitio web en el que se mostrarán o se incluirán desde otros servidores externos. El uso de imágenes en línea de fuentes externas es una cuestión de controversia, ya que esto se puede hacer sin permiso. La etiqueta img se usa para insertar imágenes en línea en párrafos y encabezados en la página web. La etiqueta img no se puede usar en forma flotante. Tiene que estar encerrado dentro de otro elemento.

El atributo requerido de la etiqueta img es el atributo src. El atributo src especifica la dirección web o URL desde la cual el navegador puede recuperar el archivo de imagen. Además del atributo src, las imágenes en línea HTML se pueden definir mediante tres atributos opcionales. Estos son alt, alinear e ismap.

El atributo alt proporciona una alternativa de texto de imagen en línea. Entonces, en caso de que el navegador del visor no admita gráficos, el espectador verá el texto en lugar de la imagen. Usar el atributo alt es muy recomendable.

El valor del atributo alt puede ser una cadena vacía. Por ejemplo, si hay una imagen decorativa, no es necesario proporcionarle un texto alternativo. Por lo tanto, el valor del atributo alt puede dejarse en blanco.

El estilo de 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 en 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 generar información sobre la Tierra y hacer clic en Saturno puede generar 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. También se puede requerir cierta cantidad de conocimientos de programación.