Optimizar nuestras imágenes para la web es muy importante a la hora de compartir portafolios digitales, subir nuestras imágenes a nuestra página personal e incluso compartir las imágenes en redes. Sin embargo, comprimir la información resulta en una pérdida de calidad sobre la fotografía. Así que, ¿cómo podemos reducir el tamaño y peso de nuestras imágenes antes de perder demasiada calidad?

Identificar el propósito

El primer error que muchos fotógrafos cometen cuando exportan sus imágenes para la web es comprimir la imagen sin modificar su tamaño. Ya que la resolución es más que la necesaria, la compresión también debe ser mayor, reduciendo la calidad general de la fotografía. Por eso, lo primero que debemos ajustar en nuestras imágenes es el tamaño final.

La mejor forma de hacerlo es entrando a Photoshop y presionando Ctrl+Alt+I en el teclado. Esto abrirá la ventana de ‘Tamaño de imagen’. Como podéis ver en la imagen de abajo, el tamaño original de la imagen era de 11.2 MB.

Manteniendo activo el mantener la proporción de tamaño podemos cambiar el tamaño del largo más largo de la imagen. Por ejemplo, un tamaño promedio para compartir en web es 1500 píxeles de largo, así que ajustamos la foto a ese largo.

Podéis ver cómo la imagen pasa de 11.2MB a tan solo 4.29MB. El peso general se redujo más del 50%. Ahora, ¿cómo podemos comprimir la información para no perder mucho detalle o calidad?

Comprimiendo al máximo

Una de las herramientas más útiles en photoshop es el panel de ‘Exportar para Web’ al cual se puede acceder presionando Ctrl+Alt+Shift+S en el teclado. Este panel está diseñado para guardar imágenes optimizados para web en varios formatos de archivo como JPEG, GIF y PNG. Al abrirlo, se recomienda abrir el panel de 4 Ventanas, se verá algo como abajo.

Esta vista nos permite ver varias opciones de exportación al tiempo para ver cómo afectan los ajustes a la imagen. En la vista de arriba podéis ver la imagen original y una exportación en JPEG a 100% de calidad, 50% de calidad y 25% de calidad.

En Xataka Foto

Por qué y cómo optimizar las imágenes para nuestro portfolio web

En el panel de la derecha, en la parte superior podemos ajustar la calidad del método de compresión. Para mantener la mejor calidad, es recomendable mantenerlo siempre en ‘Máximo’ o ‘ Muy alta’. De esa manera evitaremos que la imagen se deteriore tanto al comprimir.

Así mismo, podemos activar la casilla de optimizar, la cual genera una compresión adicional, que puede reducir hasta un 20% adicional el peso tras la compresión. Sin embargo, el punto más importante es el ajuste de la calidad de compresión de la imagen.

En la imagen de abajo podemos ver cómo se afecta la calidad. Al 100% hay una pequeña variación de color que se da por la optimización para el espacio de color de la web. Sin embargo, mantenemos un alto nivel de detalle y tenemos una imagen que tan solo pesa 758 KB. Al 50% podemos notar que hay mucho más ruido digital, pero todavía se ve un buen nivel de detalle y tan solo pesa 92 KB. Al 25% podemos ver que la compresión destruye las gradientes de los tonos, se forman artefactos digitales y hay una gran pérdida de calidad, así tan solo pese 25 KB.

La clave de balancear calidad y peso está en ajustar el porcentaje de compresión para cumplir con un estándar de visualización. Debemos hacer que la imagen se vea lo mejor posible para nosotros. Debemos aceptar que no es perfecto, pero que si no se ve mal en el medio final, tampoco será un problema. En este caso, podemos ver el ejemplo de comprimirlo al 70% de calidad (un porcentaje usualmente balanceado). No hay mucho ruido agregado, el detalle se mantiene bien y tan solo pesa 210 KB.

Abajo podéis ver cómo queda el resultado final.

¿Qué os parece este método?

JPEGmini es una compañía dedicada al redimensionamiento de archivos para reducir su tamaño. Ahora han lanzado una versión que incorpora un plugin para poder guardar archivos "a tamaño web" directamente desde Photoshop y Lightroom.

Que a estas alturas de la película, cuando la mayoría de las imágenes se generan para ser compartidas en la red, resulta curioso que Adobe no haya incorporado de forma predeterminada opciones que permitan redimensionar una imágen y guardarla en tamaños idóneos para subirlas a la red sin pérdidas de calidad.

JPEGmini aumenta su oferta y nos ofrece es un software que promete reducir el tamaño del archivo hasta 5 veces y mantener su calidad original y el formato JPEG directamente desde el menú "Guardar" de Photoshop y Lightroom.

La versión de prueba es una herramienta que ya existía , muy útil para reducir el tamaño de los JPEG. Es ligero y facil de usar, nos ahorra tiempo, pero no ofrece nada que otros softwares similares no ofrezcan. Podremos reducir el tamaños de 200 fotos antes de necesitar comprar la versión "PRO"

La verdadera novedad está, como no, en las opciones de pago. Que JPEGmini Pro incorpore un plugin para mejorar las opciones de Adobe es lo que hace que estemos hablando de una herramienta muy práctica y que, seguramente, hará que Photoshop incluya opciones de guardado como estas en actualizaciones posteriores.

JPEGmini Pro está disponible por 99 dólares, soporta imágenes de hasta 60 megapíxeles, fotos panorámicas y collages. Está disponible tanto para MAC como para Windows.

Página oficial | JPEGmini

Las fotos de este artículo han sido proporcionadas por JPEGmini.com, bajo licencia CC BY-SA 2.0 | En Flickr

A más de uno os ha sucedido, por lo menos a mi sí, que un amigo nos manda una foto por e-mail, o bien tenemos una foto con un tamaño insuficiente para hacer una gran ampliación, ¿Qué hacemos en este caso?

Pues lo primero que se nos ocurrirá es ir a Photoshop y en Imagen>Tamaño de imagen , redimensionamos la imagen al tamaño que deseamos y listo. El problema que nos puede surgir es, que según el tamaño final que hayamos decidido para nuestra foto, aparecerán faltas de nítidez, bordes desenfocados, etc.

Y es que para redimensionar una imagen, Photoshop se inventa por interpolación los píxeles que no tenemos, y claro, nos surgen los problemas anteriormente mencionados.

En el mismo Photoshop tenemos varias opciones de interpolación para redimensionar una imagen: Interpolación por aproximación, que es útil para pequeñas ampliaciones y que conserva los bordes bien definidos; Bilineal, que lo que hace es una lectura de los píxeles horizontales y verticales de la imagen para crear los nuevos, esta es una opción que está obsoleta, y no entiendo como sigue siendo funcional; Bicúbica simple, que es el modo óptima para imágenes con degradados suaves; Bicúbica suavizada, que es adecuada para ampliaciones y Bicúbica enfocada, que es la que se usa para reducciones de imágenes.

Según mi experiencia en estos aspectos, lo que mejor resultado me ha dado es el uso de la interpolación bicúbica suavizada, redimensionando poco a poco, haciéndolo en pequeños pasos, más numerosos cuanto mayor sea la ampliación, y entre varios pasos enfocar un poco la imagen. Para esto podríamos crear una acción para varios tamaños de imágen.

En el mercado hay también varios programas especializados en el redimensionado de imágenes, como por ejemplo: VSO Image Resizer, gratuito y para Windows; FastStone Photo Resizer , gratuito y para Windows; Imaginer Photo Enlargement, desde 29,95 Dólares y para Windows; ResizeMe, desde 19,95 Dólares y para Mac; y David's Batch Processor, que es gratuito, distribuido bajo licencia de código abierto GPL y que sirve para Windows, Mac y Linux.

El que más me ha gustado es Reshade, que incluso permite redimensionar imágenes online hasta cierto tamaño. Con esta aplicación se obtienen muy buenos resultados de hasta 20X, pero a un precio de 75 Dólares, el uso de este programa estaría supeditado al uso masivo que hagamos de él, para que la inversión resulte rentable, dato a tener en cuenta en los tiempos que corren.