Es una realidad cuando se trata de trabajar con fotos e imágenes digitales. A veces, necesitamos comprimirlos para reducir el tamaño de nuestros archivos, especialmente si los enviamos por correo electrónico a un cliente o miembros de la familia, o los publicamos en un sitio web.

Dado que el formato de archivo jpeg.webp sigue siendo el formato elegido para las fotos digitales, a pesar de que existe desde hace más de 15 años, comprimir imágenes generalmente significa usar la compresión jpeg.webp, que hace un gran trabajo al reducir el tamaño del archivo. Desafortunadamente, también reduce la calidad de la imagen, aunque no siempre es fácil ver qué tipo de impacto negativo tiene la compresión en la imagen, especialmente cuando se ve en un monitor de computadora. Pero gracias a Photoshop y uno de sus modos de fusión raramente utilizados, los horrores de la compresión jpeg.webp se vuelven sorprendentemente claros.

Para ver exactamente lo que está sucediendo con nuestras imágenes, utilizaremos el modo de mezcla de capas Diferencia de Photoshop. El modo de mezcla Diferencia recibe su nombre del hecho de que busca diferencias entre dos capas. Las áreas en ambas capas que son exactamente iguales aparecen como negro puro, mientras que las áreas que son diferentes de alguna manera aparecen como colores extraños. El modo de mezcla Diferencia no se usa muy a menudo fuera del mundo de los efectos especiales, pero hace un gran trabajo al mostrarnos cuánta basura (sí, dije basura) estamos agregando a nuestras imágenes JPEG.webp cuando las comprimimos. Ahora, esto no quiere decir que todos necesitemos dejar de comprimir nuestras fotos. En un mundo perfecto, claro, pero eso no es realista. Sin embargo, es útil para nosotros ver y comprender lo que está sucediendo con nuestras imágenes, especialmente para aquellos de nosotros que, hasta ahora, hemos estado convencidos de que no hay diferencia en la calidad de imagen entre una foto digital comprimida y no comprimida.

Aquí, tengo dos ventanas de documentos abiertas en Photoshop, cada una con lo que parece ser la misma imagen:

Se abren dos ventanas de documentos en Photoshop, cada una de las cuales muestra una copia de la misma foto.

¿Pero son realmente la misma imagen? Las apariencias pueden ser engañosas, especialmente en la pantalla de una computadora. La verdad es que no son lo mismo. La de la derecha es la foto original sin comprimir, como si se hubiera descargado directamente de una cámara digital. El de la izquierda es una copia de la foto guardada en Photoshop con una calidad de imagen del 60%, que es una configuración bastante típica. Esto significa que la imagen de la izquierda ha sido comprimida.

Me doy cuenta de que es un poco difícil saberlo en la captura de pantalla anterior, pero si tuviera que mirar ambas imágenes en mi pantalla en Photoshop, tendría problemas para saber cuál está comprimido y cuál no. Si los imprimiéramos, las diferencias se aclararían, pero en una pantalla de computadora, que tiene una resolución mucho más baja que una imagen impresa, las diferencias no son tan fáciles de detectar. Al menos, no sin usar el modo de mezcla Diferencia de Photoshop para ayudarnos.

Hace un momento dije que el modo de mezcla Diferencia busca diferencias entre dos capas, y que las áreas entre las dos capas que son exactamente iguales aparecen como negro puro. Pongamos esto a prueba. Voy a seleccionar mi foto original sin comprimir, y voy a duplicar su capa de fondo en la paleta Capas presionando Ctrl + J (Win) / Comando + J (Mac). Ahora tengo dos capas en la paleta Capas: la capa de fondo original en la parte inferior y una copia de la capa de fondo, que Photoshop ha denominado "Capa 1", encima:

La paleta de capas para la foto original sin comprimir que muestra la capa de fondo y la copia de la capa de fondo que se encuentra sobre ella.

Como "Capa 1" es una copia de la capa de fondo, ambas capas deben ser idénticas. Podemos usar el modo de mezcla Diferencia para demostrar que lo son. Voy a subir a la opción de modo de fusión en la parte superior de la paleta Capas y cambiar el modo de fusión para "Capa 1" de "Normal" a Diferencia:

Cambiando el modo de mezcla de "Capa 1" a "Diferencia".

Con "Capa 1" configurada en el modo de fusión Diferencia, si miro la imagen en la ventana del documento, veo que toda la imagen ahora está llena de negro sólido, que es la forma del modo de fusión de Diferencia de decirme que ambas capas son de hecho idéntico:

La imagen ahora está completamente llena de negro sólido, lo que indica que tanto la "Capa 1" como la capa de Fondo son idénticas en todos los sentidos.

Llevemos las cosas aún más lejos para estar absolutamente seguros de que todo lo que vemos ahora en la imagen no es más que negro puro. Para hacer eso, usaremos una capa de ajuste de Niveles. Voy a hacer clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas:

Al hacer clic en el icono "Nueva capa de ajuste" en la parte inferior de la paleta Capas en Photoshop.

Luego elegiré Niveles de la lista de capas de ajuste que aparece:

Al hacer clic en el icono "Nueva capa de ajuste" en la parte inferior de la paleta Capas en Photoshop.

Esto abre el cuadro de diálogo Niveles. Puedo usar el histograma en el centro del cuadro de diálogo para ver exactamente qué información tonal se muestra en mi imagen. Si cada píxel de la imagen se muestra en negro puro, que debería ser el caso si mis dos capas son idénticas, entonces todo lo que debería ver en mi histograma es una sola barra vertical en el extremo izquierdo, que resulta ser exactamente lo que Estoy viendo:

El histograma en el centro del cuadro de diálogo Niveles muestra una sola barra vertical en el extremo izquierdo, que me dice que cada píxel en mi imagen es negro puro.

El histograma confirma que actualmente no se muestran otros colores en mi imagen, excepto el negro puro, lo que significa que "Capa 1" y la capa Fondo son 100% idénticas. Hasta aquí todo bien. Ahora hemos demostrado lo que la mayoría de nosotros ya sabía, que cuando hacemos una copia de una capa, la copia es idéntica en todos los sentidos al original. Cosas emocionantes, ¿verdad? Vamonos.

Complemento de códigos cortos, acciones y filtros: error en shortcode (ads-essentials-middle)

Voy a hacer clic en el botón Cancelar en la esquina superior derecha del cuadro de diálogo Niveles para salir de él por ahora, y voy a eliminar "Layer 1" de mi paleta de Capas haciendo clic en él y arrastrándolo hacia abajo en el icono de la papelera:

Arrastre "Capa 1" hacia abajo al icono de la papelera en la parte inferior de la paleta Capas para eliminarlo.

Ahora me queda solo mi capa de fondo original una vez más:

La paleta de capas que muestra la capa de fondo original.

Ahora veamos qué sucede cuando usamos exactamente el mismo método para comparar la versión sin comprimir de la foto con la versión comprimida de la misma. Como mencioné, no es fácil ver ninguna diferencia entre ellos simplemente mirándolos en la pantalla de la computadora, pero descubramos qué tiene que decir el modo de mezcla Diferencia. Con cada versión de mi foto abierta en su propia ventana de documentos, voy a hacer clic dentro de la ventana de documentos de la versión comprimida (la de la izquierda) con mi herramienta Mover y arrastrar la imagen a la ventana de documentos de la versión sin comprimir (la que está en la derecha):

Usando la herramienta Mover y arrastrando la versión comprimida de la imagen a la izquierda a la ventana del documento de la versión sin comprimir a la derecha.

Como ambas imágenes tienen exactamente las mismas dimensiones de píxeles (ancho y alto), voy a mantener presionada la tecla Mayús y luego soltaré el botón del mouse, que alineará las dos imágenes perfectamente dentro de la ventana del documento:

Ambas imágenes ahora están alineadas perfectamente una encima de la otra en la misma ventana del documento.

Si miro en mi paleta Capas, puedo ver que ahora tengo dos capas una vez más. La versión sin comprimir de la imagen está en la capa de fondo, y la versión que se guardó con una calidad de imagen del 60% ahora está por encima de ella en "Capa 1":

La paleta de capas que muestra la versión sin comprimir en la capa de fondo y la versión comprimida en "Capa 1".

Voy a cambiar una vez más el modo de mezcla de "Capa 1" de "Normal" a "Diferencia":

Cambiando el modo de mezcla de "Capa 1" a "Diferencia".

Y ahora, con el modo de mezcla de "Capa 1" configurado en "Diferencia", si realmente no hay diferencia entre las versiones comprimidas y sin comprimir de la foto, no debería ver nada más que negro puro cuando miro mi imagen en el ventana de documento:

La ventana del documento después de cambiar el modo de fusión de "Capa 1" (la versión comprimida de la foto) a "Diferencia".

Hmm ¿Puedes ver todo ese ruido débil en la imagen de arriba? Dependerá de cómo haya configurado su monitor. Es posible que solo esté viendo negro, pero puedo ver en mi pantalla que definitivamente no es negro puro como lo era antes cuando comparamos la capa de fondo con una copia idéntica. Hay algo más allí, y ese "algo más" nos dice que las versiones comprimidas y sin comprimir de la foto no son lo mismo. ¿Pero qué tan diferentes son? ¿La compresión JPEG.webp realmente hace una gran diferencia?

Usemos una capa de ajuste de Niveles una vez más y dejemos que el Histograma responda esa pregunta por nosotros. Haré clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas y elegiré Niveles de la lista:

Selección de una capa de ajuste "Niveles" en la paleta Capas.

Esto nuevamente abre el cuadro de diálogo Niveles. Recuerde la última vez que el histograma mostró una sola barra vertical en el extremo izquierdo, lo que nos dijo que no había absolutamente nada más en nuestra imagen, excepto negro puro. Esta vez, estamos viendo algo un poco diferente:

El histograma ya no es solo una barra vertical única.

Parece que están sucediendo muchas más cosas esta vez en el extremo izquierdo del histograma, lo que confirma que mis ojos no me estaban engañando. Definitivamente hay algo más en la imagen. La única barra vertical ha sido reemplazada por un área más grande de negro, lo que significa que la imagen ahora contiene más que solo negro puro, y eso significa que hay áreas en las dos versiones de la foto que ya no son idénticas.

Entonces, ¿qué hay de diferente en ellos? Simple - basura. Al comprimir una versión de la imagen, hemos tomado la información de la imagen pura e intacta y le hemos agregado una gran cantidad de basura. Ruido, basura, llámalo como quieras. La conclusión es que hemos dañado la foto. ¿Cuánta basura agregó la compresión JPEG.webp? Puede que todavía no parezca mucho, y todavía es difícil de ver en la imagen en sí, así que voy a hacer clic en el pequeño control deslizante blanco en la parte inferior derecha del histograma y arrastrarlo hacia la izquierda hasta que esté debajo del punto donde comienza la pendiente negra:

Arrastrando el control deslizante blanco desde la parte inferior derecha del histograma hacia la izquierda hasta el punto donde comienza la pendiente negra.

Sin entrar en una larga discusión sobre cómo funciona el cuadro de diálogo Niveles, lo que acabo de hacer es tomar todo ese leve ruido en la imagen y hacerlo mucho más brillante para que podamos verlo más fácilmente. Recuerde, cualquier color extraño que vea represente áreas que son diferentes entre la versión original sin comprimir de la foto y la versión que se guardó con compresión jpeg.webp:

El ruido ahora es mucho más visible en la imagen.

No es una vista bonita, ¿verdad? Ahora que podemos ver las cosas más fácilmente, todos esos colores extraños representan todo el daño que le hemos hecho a la imagen al comprimirla. La imagen ahora está llena de lo que comúnmente se conoce como "artefactos de compresión", que es solo una forma elegante de decir "tomamos su información de imagen perfectamente buena y la confundimos". La compresión de una imagen JPEG.webp puede reducir en gran medida el tamaño de su archivo, pero como nos muestra el modo de mezcla Diferencia, también puede reducir en gran medida la calidad de la imagen. Nuevamente, no siempre es fácil ver cuánto daño ha sufrido su imagen al mirarla en la pantalla de su computadora, pero definitivamente notará la diferencia cuando imprima en alta resolución.

Entonces, ahora que hemos visto cuánto daño podemos hacer a una foto digital comprimiéndola, ¿qué podemos hacer al respecto? Lamentablemente, no mucho. El formato jpeg.webp sigue siendo su mejor opción para guardar fotos digitales, y cuando el tamaño del archivo es un problema, realmente no tenemos más opción que comprimirlas. Si está trabajando en un proyecto para la web, generalmente puede salirse con la suya con bastante compresión antes de que la calidad de la imagen se convierta en un problema, pero si su proyecto se va a imprimir, querrá usar las imágenes originales sin comprimir cuando sea posible. ¡Y ahí lo tenemos!