Imágenes en la web

Continuamente estamos empleando imágenes para ilustrar la información contenida en nuestros sitios web, ya sea para completar la información o simplemente por cuestiones estéticas.

En este artículo vamos a tratar los aspectos fundamentales que se deben tener en cuenta a la hora de emplear imágenes en la web.

A la hora de insertar imágenes en la web debemos decidir al menos el formato de imagen y el tamaño que elegimos.

¿QUÉ TAMAÑO DE IMÁGENES USAR EN LA WEB?

Para elegir el tamaño de las imágenes en la web debemos considerar dos factores: calidad y peso. Cuanto mayor es el tamaño de una imagen, mayor será la calidad y por tanto se verá mejor en la web, sin embargo pesará más. Si tenemos imágenes que pesan más, previsiblemente la página web tardará más tiempo en cargarse cuando alguien la visite. Por otro lado, si elegimos imágenes más pequeñas tendremos el problema de que se verán con poca calidad, lo cual causará una mala impresión en los visitantes de nuestra web.

Por lo tanto debemos utilizar el mínimo tamaño necesario para que la imagen se vea correctamente.

Cabe comentar que existen herramientas que permiten reducir el peso de una imagen manteniendo el tamaño, además sin una pérdida de calidad aparente. Estas herramientas emplean algoritmos lossless (sin pérdida), un ejemplo de estas herramientas es Compressor.io

¿QUE FORMATO DE IMÁGENES ELEGIR?

Existen varios formatos de imágenes que se utilizan frecuentemente en la web. Entre ellos no hay una opción que sea siempre la mejor, si no que siempre depende del caso. Los formatos de imágenes se dividen en dos tipos:

IMÁGENES DE MAPA DE BITS

Las imágenes de mapa de bits son las más comunes y con las que estamos mas acostumbrados a emplear. Estos formatos de imagen se componen de un conjunto de píxeles que son los que determinan el tamaño de la imagen

  • jpg: Este formato de imagen es de los más utilizados en la web, es el que empleamos para fotografías e imágenes en las que hay composiciones de colores.
  • png: Este formato de imagen es de los más utilizados en la web, es el que empleamos para imágenes que tienen una gama limitada de colores. Además permiten transparencia en regiones de la imagen
  • gif: Este formato de imagen está cayendo en desuso, quedando relegado únicamente a imágenes en movimiento.

IMÁGENES VECTORIALES

Las imágenes vectoriales son menos comunes, estas imágenes tienen la característica de no tener un tamaño estipulado, es decir, podemos ampliarlas o reducirlas sin que la calidad varíe.

  • svg: Este formato de imagen tiene la característica de estar basado en xml. Esto puede no decirnos gran cosa, pero es algo muy importante ya que los robots de los buscadores (Google, Yahoo, Bing, etc.) pueden “leer” la imagen de forma similar al texto que tenemos en la web. Estas imágenes se suelen emplear en algunos logotipos y en iconos.

Usamos cookies propias y de terceros para mejorar nuestros servicios. Si continúa navegando en esta página, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información aquí en Política de Cookies. Política de cookies.

  
EU Cookie Directive Module Information