¿Por qué mi JPG comprimido tiene colores diferentes al archivo original?

No tengo ni idea, en primer lugar, de la composición interna de la imagen y los modos de color.

Dicho esto, tengo un problema muy extraño.

Estas son las fotos:

http://tracker.fusiondev.com.ar/themes/bavarian_dawn/images/original.jpg

http://tracker.fusiondev.com.ar/themes/bavarian_dawn/images/bg-orange.jpg

Bueno, el ORIGINAL es más colorido en Firefox, pero el segundo está como apagado (no sé la palabra en inglés para eso). Parece que el amarillo anaranjado en el centro izquierdo ha cambiado.

Necesitaba reducir el tamaño de 1 mb a unos 300 k, así que abrí el original con Fireworks y Photoshop (ps es el segundo enlace) con los mismos resultados.

Esto no es un asunto de vida, solo tengo curiosidad de por qué sucede esto.

Si vas a http://tracker.fusiondev.com.ar y miras wrapperdiv con Firebugu podrás cambiar la URL de fondo al original.jpg y ver de lo que estoy hablando.

¡Gracias!

EDITAR: si abre ambas URL en Firefox, verá el cambio de inmediato.

¿Qué configuración de exportación de archivos usaste? Supongo que no has incrustado el perfil de color.

Respuestas (1)

La razón por la que sus imágenes se ven diferentes es por la compresión que aplicó a la segunda. Cuanto mayor sea la compresión, más se degradará la calidad.

JPEG es un formato de compresión con pérdida , lo que significa que se pierde información de la imagen durante la compresión (un sacrificio necesario para reducir el tamaño del archivo). Por ejemplo, esta es la misma imagen guardada con una compresión creciente:

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

Tenga en cuenta que no es solo la nitidez la que se ve afectada, los colores también sufren. Desafortunadamente, la única forma de no perder colores (en absoluto) es usar un formato de compresión sin pérdidas, como PNG. Pero, esto da como resultado una imagen mucho más grande. Todavía puedes jugar con los modos de compresión JPEG. Dos cosas que debe intentar: usar sRGB como espacio de color (optimizado para colores web) y compresión progresiva . Dependiendo de su tamaño final, podría llegar a algún lugar decente con esos.

Gracias por el tiempo en la respuesta. Parece que el problema estaba relacionado con el perfil incrustado en Guardar para web en Photoshop. Lo marqué y problema resuelto. Actualice los enlaces. Leí en otra pregunta mientras lo buscaba, y parece que solo FF lo admitía, pero no estaba marcado antes, así que no lo sé.
@Jorge ¡Me alegra escuchar eso! También puedes responder tu propia pregunta con esa información que mencionas, podría ser muy útil para otros.