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


13

Cuando guardo una imagen de resolución web (por ejemplo, 1920 × 1024px), los tintes de áreas planas a menudo tienen sombras de color dañadas. Estoy guardando en Photoshop CS4 con calidad 2 en modo estándar, porque necesito que los archivos tengan menos de 300k. ¿Cómo puedo hacer que mis imágenes JPEG sean tan pequeñas sin los artefactos de compresión?

Un ejemplo: http://www.screencast.com/users/capsize/folders/Jing/media/f858e229-1f05-431c-98ce-5334918aa1f3


Que? No estoy seguro. I. Wha?
sebastien.b

2
Puede ser útil incluir información sobre cómo los está preparando para la web (software utilizado, configuraciones, etc.) y tal vez incluso un ejemplo para ilustrar lo que quiere decir.
Rowland Shaw

"los nuevos usuarios no pueden publicar imágenes". Intento encontrar otra forma de publicar un ejemplo gracias por sus comentarios.
Vuelca el

1
Esta es una pregunta válida. ¿Por qué los votos negativos? Unos pocos votos positivos, amablemente dados con un espíritu generoso, también proporcionarían la pequeña cantidad de representantes necesarios para que el OP publique el ejemplo que @Rowland Shaw solicitó.
whuber

Lo voté, tampoco veo por qué fue rechazado.
John Cavan el

Respuestas:


13

Si guarda una imagen JPEG con un nivel de calidad extremadamente bajo, OBTENDRÁ artefactos de compresión. Es solo un hecho simple de compresión con pérdida 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 gradientes suaves y JPEG no se mezclan bien. JPEG comprime pequeños bloques de la imagen, y cuando se trata de gradientes suaves, tiende a hacer que todos los píxeles de un bloque tengan los mismos colores o colores muy similares. Esto crea bandas distintas (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.

Puede encontrar un excelente artículo que podría ser de ayuda aquí:

Lo anterior es para Lightroom, sin embargo, el concepto fundamental todavía se aplica a Photoshop. El punto importante del artículo anterior es que el rango más bajo de configuraciones de calidad para JPEG tiende a tener un efecto menor en el tamaño de la imagen, y es solo cuando llegas a los pocos corchetes superiores que el tamaño de la imagen comienza a subir en un grado significativo. Sospecho que podría cambiar su configuración de calidad de 2 a 5 y solo incurrir en un pequeño golpe en el tamaño de su imagen.


3

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 de aproximadamente 8 MB de tamaño (datos de píxeles sin procesar: 1920px x 1024px x 32bpp / 8b / M) y está tratando de reducirla a menos de 300k, lo que es una reducción de más de 26 veces.

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


1
También la imagen en miniatura. Es demasiado pequeño para ser útil y nada parece realmente requerirlo.
Lea el perfil el

1

Un nivel de calidad de 2 creará artefactos, ya que la compresión JPEG es con 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 ayudarte 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.


1

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

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

Entonces, al difuminar, 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.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.