Compresión despiadada de imágenes grandes para la web

Question

Tengo una imagen de fondo muy grande (aproximadamente 940x940 píxeles) y me pregunto si alguien tiene consejos para comprimir un archivo tan grande más allá de Photoshop. La mejor compresión sin una pérdida importante de calidad de Photoshop es PNG 8 (250 KB); ¿Alguien sabe de una forma de comprimir una imagen más allá de esto (tal vez comprimir un PNG después de que se ha guardado)?

Normalmente no trato de optimizar imágenes de esta envergadura, así que esperaba que alguien tuviese algunos consejos.

Answer 1

Eche un vistazo a http://www.irfanview.com/, es un viejo pero una golosina.

Han encontrado que esto es capaz de hacer la compresión png multipasa bastante bien, y el procesamiento por lotes es mucho más rápido que la PS.

También hay PNGOUT disponible aquí http://advsys.net/ken/utils.htm, que aparentemente es muy bueno.

Answer 2

Las imágenes PNG ya están comprimidas internamente, de una manera que no se beneficia de una mayor compresión (y puede ampliarse realmente si intentas comprimirla).

Puede:

• reducir la resolución de 940x940 a algo más pequeño como 470x470.
• Reducir la profundidad de color
• Comprimir usando una herramienta de compresión con pérdida, como JPEG

edición: de 250KB supuesto es grande para un fondo de la web. También es posible que desee volver a pensar en el diseño gráfico que requiere esto.

Answer 3

Depende mucho del tipo de imagen. Si tiene muchos colores y patrones sólidos, entonces PNG o GIF son probablemente la mejor opción. Pero si se trata de una imagen fotorrealista, JPG será mejor, y usted podrá reducir la calidad de JPG hasta el punto en que obtenga la compensación de compresión/calidad que está buscando (Photoshop es muy bueno al mostrarle una vista previa de la imagen final a medida que ajusta la calidad).

Answer 4

Si la imagen es de naturaleza fotográfica, JPEG la comprimirá mucho mejor que PNG8 por la misma pérdida de calidad.

Answer 5

Smush.It afirma que va "más allá de las limitaciones de Photoshop". Y es gratis y basado en la web.

Answer 6

JPEG2000 proporciona relaciones de compresión en imágenes de calidad fotográfica que son significativamente más altas que JPEG (o PNG). Además, JPEG2000 tiene opciones de compresión "con pérdidas" y "sin pérdidas" que se pueden ajustar bastante bien a sus necesidades individuales.

Answer 7

La parte "comprimir un PNG después de que se ha guardado" parece un malentendido profundo para mí. No se puede comprimir mágicamente más allá de cierto punto sin pérdida de información.

El primer punto a considerar es si la resolución tiene que ser así de grande. Reducir la resolución en un 10% en ambas direcciones reduce el tamaño del archivo en un 19%.

A continuación, pruebe varios algoritmos de compresión diferentes con diferentes grados de compresión frente a pérdida de información/calidad. Si la imagen es incompleta, puede salirse con la rigurosa compresión JPEG.

Answer 8

Primero dependerá del tipo de imagen que intente comprimir. Las dos categorías básicas son:

• Imagen
• Ilustración

Para las imágenes (como fotografías), un formato lossy compression como JPEG será mejor, ya que eliminará detalles que aren' notado fácilmente por la percepción visual humana. Esto permitirá tasas de compresión muy altas para la calidad. La desventaja es que la compresión excesiva dará como resultado compression artifacts muy notable.

Para las ilustraciones que contienen grandes áreas del mismo color, utilizando un formato lossless compression como PNG o GIF será el mejor enfoque. Aunque no es técnicamente correcto, puede pensar que PNG y GIF comprimirán las repeticiones del mismo color muy bien, similar a run-length encoding (RLE).

Ahora, como mencionó específicamente PNG, entraré en ese debate desde mi experiencia de uso de PNG.

En primer lugar, comprimir un archivo PNG adicional no es una opción viable, ya que no es posible comprimir datos que ya se han comprimido. Esto es cierto con cualquier compresión de datos; eliminar el entropy de los datos de origen (básicamente, repetir patrones que se pueden representar de formas más compactas) conduce a la disminución en la cantidad de espacio necesario para almacenar la información. PNG ya emplea métodos para comprimir imágenes de manera eficiente y sin pérdidas.

Dicho esto, hay al menos una forma posible de reducir el tamaño de un archivo PNG: por reduciendo el número de colores almacenados en la imagen. Al usar "colores indexados" (básicamente incrustando una paleta personalizada en la imagen), es posible que pueda reducir el tamaño del archivo. Sin embargo, si la imagen tiene muchos colores para comenzar (como tener degradados de color o una imagen fotográfica), es posible que no pueda reducir el número de colores utilizados en una imagen sin una pérdida de calidad perceptible.

Básicamente se reducirá a un poco de prueba y error para ver si los cambios en la imagen causarán algún cambio en la calidad de la imagen y el tamaño del archivo.

---

El comentario de Paul Fisher me recordó que probablemente tampoco recomendaría usar GIF tampoco. Paul señala que PNG comprime el arte lineal estático mejor que GIF para casi cualquier situación.

También me gustaría señalar que GIF solo admite imágenes de 8 bits, por lo que si una imagen tiene más de 256 colores, deberá reducir los colores utilizados.

Además, el comentario de Kent Fredric sobre la reducción de la profundidad de color ha causado, en algunas situaciones, un aumento en el tamaño del archivo. Aunque esto es una especulación, es posible que dithering esté haciendo que la imagen sea menos compresible (ya que el tramado introduce píxeles con colores diferentes para simular otro color determinado, como mezclar pigmentos de diferentes colores para obtener otro color) introduciendo más entropía en la imagen.

Answer 9

Siempre he tenido mucha suerte con jpeg. Asegúrese de configurar photoshop para que no guarde automáticamente las miniaturas en jpegs.En mi experiencia, obtengo la mayor relación de explosión/inversión utilizando la compresión progresiva de 3 pasos, aunque la línea de base optimizada funciona bastante bien. Elija niveles de calidad muy bajos (por ejemplo, 2 o 3) y experimente hasta que haya encontrado una buena compensación.

Answer 10

Heres un punto de los otros carteles pueden no haber notado que he encontrado experimentalmente:

En algunas instalaciones, el comportamiento predeterminado es guardar una copia completa del perfil de imágenes de color junto con la imagen.

Es decir, el mapa de calibración del dispositivo, generalmente SRGB o algo similar, que le indica a los agentes cómo asignar mejor el color a los colores del mundo real en lugar de a los dispositivos independientes.

Sin embargo, este perfil de imagen es bastante grande y puede hacer que algunos de los archivos que esperaría que fueran muy pequeños sean muy grandes, por ejemplo, una imagen de 1px por 1px que consuma 25kb masivos. Incluso un formato BMP puro (sin comprimir) puede representar 1 píxel en menos.

Este perfil generalmente no es necesario para la web, por lo tanto, cuando guarde sus imágenes de Photoshop, asegúrese de exportarlas sin este perfil, y notará una mejora notable en el tamaño.

Puede quitar estos datos usando otra herramienta como gimp, pero puede llevar un poco de tiempo si hay muchos archivos.

Answer 11

Lo pondría en mosaico, a menos que esté absolutamente seguro de que su audiencia tiene ancho de banda.

siguiente es jpeg2k.

Answer 12

pngcrush puede comprimir aún más los archivos PNG sin ninguna pérdida de datos, aplica diferentes combinaciones de las opciones de codificación y compresión para ver cuál funciona mejor.

Answer 13

Para obtener más de un archivo JPEG, puede usar la 'Configuración de calidad modificada' del cuadro de diálogo "Guardar como Web".

1. Cree una máscara/selección que contenga blanco donde desee mantener el máximo nivel de detalle, eq alrededor del texto. Puede usar Quick-Mask para dibujar la máscara con un pincel. Ayuda a Feather la selección, esto da como resultado una agradable transición de blanco a negro en el siguiente paso.
2. guardar esta máscara/selección como un canal y dar al canal un nombre
3. Uso Archivo-> Guardar como Web
4. selecciona JPEG como formato de archivo
5. Al lado de la caja de Calidad hay un pequeño botón con una círculo en él. Haga clic en eso. Seleccione el canal guardado en el paso 2 y juegue con la configuración de calidad para la parte blanca y negra del contenido del canal.

Answer 14

http://www.jpegmini.com es un nuevo servicio que crea archivos jpgs estándar con un tamaño de archivo impresionantemente pequeño. He tenido un buen éxito con eso.

Answer 15

Para imágenes únicas de mejor calidad, recomiendo RIOT. Puedes ver la imagen original, aparte del cambio.

La herramienta es gratuita y realmente vale la pena probarla.

Answer 16

http://tools.dynamicdrive.com/imageoptimizer le permite generar archivos GIF, JPG o PNG de cada uno de esos formatos, y le dice cuánto se comprime la imagen (como un porcentaje del tamaño del archivo original).

A continuación, puede elegir la calidad que está dispuesto a comprometer para una imagen más pequeña. Me ha funcionado bien.

Answer 17

Caesium es la mejor herramienta que jamás haya visto.