2.J. Imagen

Introducción

Cuando hacemos fotos con una cámara o escaneamos una imagen, podemos estar generando archivos de unos pocos Kbytes o de bastantes “megas” o MB. Esto dependerá de diversos factores (resolución, profundidad de píxel, tamaño de imagen, color o blanco y negro…) Actualmente, con las resoluciones de las cámaras modernas, lo más común es que las fotos que tomemos tengan entre 1 y bastantes megas.

Al utilizar estas fotos e imágenes en internet (páginas web, blogs, envío por correo electrónico...) o en algún medio audiovisual o multimedia (presentación, vídeo...) hay que prepararlas u optimizarlas previamente.

Muchos de nosotros hemos comprobado, y sufrido, cómo una página web con bastantes imágenes se ralentizaba o, como un mensaje de correo electrónico con una presentación de fotos adjunta, parecía que no se iba a descargar nunca.

Un concepto que usamos al hablar de imágenes es el de tamaño. Este término puede ocasionar confusión ya que solemos emplearlo para cosas diferentes: normalmente decimos que una imagen tiene un tamaño de 13 x 18 cm o 1024 x 768 píxeles, pero también decimos que una imagen tiene un tamaño de 3 Mbytes. Este uso impreciso de la palabra no suele causar mayores problemas, pero para los objetivos del curso sí que es importante matizar, ya que son dos características diferentes de una imagen.

De esta forma, en este tema, cuando hablemos del tamaño nos referiremos sólo a las dimensiones de la imagen: 13 x 18 cm, 1024 x 768 píxeles; y cuando se hable del espacio que ocupa la imagen en el dispositivo de almacenamiento –disco, memoria…- (3 Mbytes o 149 Kbytes) lo definiremos como peso.

De esta manera, podemos decir que una imagen es:

• Grande cuando tiene un tamaño igual o mayor a 1024x768 píxeles
• Mediana cuando el tamaño va de 320x240 a 1024x768 píxeles
• Pequeña cuando el tamaño es menor que 320x240 píxeles
• Muy pequeña cuando es menor que 100x100 píxeles

O que es:

• Pesada si tiene 1 MB o más
• De peso mediano si va de 300KB a 1 MB
• Ligera si su peso es menor de 300KB
• Muy ligera si el peso es inferior a 100KB

Al reducir de peso las imágenes (de mapa de bits) hacemos que tengan menos bytes y, por tanto, que:

• Ocupen menos espacio en un dispositivo de almacenamiento. Por ejemplo, el disco duro de un servidor de internet acogerá más imágenes en un mismo espacio.

• La transferencia de datos por una red sea más veloz, acelerando así la descarga de imágenes y la navegación por internet.

Aligerar ≠ Optimizar

Puede darse que el caso que al “aligerar” de peso una foto, la reduzcamos también de calidad. Al optimizar, lo que pretendemos es reducir el peso lo máximo posible, pero sin que la imagen sufra pérdida de calidad aparente.

Veamos un ejemplo.

Observa atentamente las dos imágenes siguientes e intenta descubrir diferencias de calidad:

 

Una vez comparadas, crees que...

a) Ambas tienen un peso similar

b) La imagen 1 pesa más

c) La imagen 2 pesa más

Para salir de dudas, puedes ver tú mismo el peso de cada una haciendo clic con el botón derecho sobre ellas y seleccionando "Ver información de la imagen" o "Propiedades (Properties)" en el menú contextual. El peso se ve en Tamaño (Size of file).

Efectivamente… La respuesta correcta es la b: la imagen 1 pesa 173,9 KB y la 2, 19,13 KB.... Pasamos de una fotografía ligera a otra muy ligera, y ambas tienen una calidad similar.

A efectos prácticos, esto significa que la imagen 2 se descargará más rápidamente y/o que en un dispositivo de almacenamiento, como el disco duro de un servidor de internet podremos tener muchas imágenes y no tendremos necesidad de contratar más espacio.

Si en lugar de fotografías (en formato JPEG), la optimización se hace a otro tipo de imágenes con menos detalles la reducción de peso puede ser mayor. Veámoslo con otro ejemplo:

De la imagen BMP a la GIF se ha reducido el peso más de 20 veces y ambas son muy parecidas.

 

En el primer caso, hemos utilizado una fotografía digital, para usar, por ejemplo, en un blog. Las fotografías, como ya se dijo, conviene guardarlas en formato JPEG, ya que, de los formatos útiles para web y multimedia es el que mejor calidad ofrece. En este caso se ha utilizado un tipo de optimización.

En el segundo caso, se ha empleado la imagen de una captura de pantalla de una zona de un programa, para utilizar, por ejemplo, en la web o en la presentación de diapositivas de un curso. Este tipo de imágenes tienen muchos menos colores y detalle que las fotografías y admiten otro tipo de optimización.

Veamos en los puntos siguientes como optimizar fotos y otros tipos de imágenes.