¿Cómo evitar los artefactos de compresión jpeg al guardar fotos en resolución web?

Si guarda una imagen JPEG con un nivel de calidad extremadamente bajo, obtendrá artefactos de compresión. Es solo un hecho simple de la compresión con pérdida de JPEG. Si desea evitar los artefactos de compresión, use una configuración de calidad superior a 2. No necesitará guardar con la máxima calidad, ya que la mayoría de las imágenes se pueden guardar con una configuración de calidad bastante baja sin pérdida notable de detalles o artefactos visibles.

Una cosa a tener en cuenta es que los degradados suaves y JPEG no se mezclan bien. JPEG comprime pequeños bloques de la imagen y, cuando se trata de degradados suaves, tiende a hacer que todos los píxeles de un bloque tengan colores iguales o muy similares. Esto crea bandas distintivas (posterización) que pueden ser bastante visibles. La única forma de evitar esto es usar una configuración de mayor calidad, sin embargo, eso obviamente aumentará el tamaño de su archivo.

Un excelente artículo que podría ser de ayuda se puede encontrar aquí:

• Un análisis de la configuración de calidad de exportación JPEG de Lightroom

Lo anterior es para Lightroom, sin embargo, el concepto fundamental aún se aplica a Photoshop. El punto importante del artículo anterior es que el rango más bajo de configuración de calidad para JPEG tiende a tener un efecto menor en el tamaño de la imagen, y solo cuando llega a los paréntesis superiores, el tamaño de la imagen comienza a aumentar en un grado significativo. Sospecho que podría cambiar su configuración de calidad de 2 a 5 y solo sufrir un pequeño impacto en el tamaño de su imagen.

En su ejemplo específico: aumente la calidad o reduzca la imagen y elimine todos los metadatos (incluida la información del perfil de color).

Está tomando una imagen que tiene un tamaño aproximado de 8 MB (datos de píxeles sin procesar: 1920px x 1024px x 32bpp / 8b/M) e intenta reducirla a menos de 300k, que es una reducción de más de 26 veces.

Esta es una tarea difícil de hacer sin introducir algunos artefactos.

Un nivel de calidad de 2 va a crear artefactos ya que la compresión JPEG tiene pérdida y, por lo tanto, cuanto más comprima, más perderá. Desafortunadamente, la única forma real de evitar esto es minimizar la compresión.

Sin embargo, Photoshop (a partir de CS2) tiene una opción para eliminar artefactos JPEG en el cuadro de diálogo "Filtros->Eliminar ruido". Sospecho que el éxito variará un poco, pero puede ayudarlo a limpiar la imagen. Probablemente tendrá que cargar la imagen guardada en Photoshop en lugar de usar la que todavía está allí, ya que probablemente no reflejará los artefactos.

Las otras respuestas ("¡Esto es básicamente contradictorio!") Son buenas. Sin embargo, quería agregar algo más que puede probar: puede aplicar un desenfoque gaussiano a la imagen después de reducir el tamaño pero antes de guardarla como JPEG. Si quiere ser elegante, use un espacio de color L* a* b* y simplemente desenfoque los canales a y b, dejando solo L.

Si bien es cierto que JPEG puede producir artefactos posterizados en bloques a niveles de compresión fuertes, generalmente tiene que "trabajar más" cuando hay muchos detalles finos, y especialmente cuando ese detalle tiene un fuerte contraste entre los canales de color. Tome una fotografía de hojas de arce otoñales de color rojo brillante contra un cielo azul fuerte y le garantizo que encontrará artefactos incluso con configuraciones JPEG de sorprendente alta calidad.

Entonces, al desenfocar, puede reducir estos detalles y, por lo tanto, reducir el tamaño del archivo. Obviamente, esto degrada la calidad de la imagen, pero es posible que el resultado sea preferible a lo que está haciendo ahora.