uso usar sirve que para emplea ejemplo atributo image optimization photoshop

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



usar atributo alt en html (17)

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.

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 lo que Photoshop puede manejar. 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.


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).


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

He descubierto que esto es capaz de hacer la compresión png multipasa bastante bien, y que 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.


Heres un punto que los otros carteles pueden no haber notado que descubrí experimentalmente:

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

Es decir, el mapa de calibración del dispositivo, generalmente SRGB o algo similar, que indica a los agentes de uso 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, al guardar 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 tomar un poco de tiempo si hay muchos archivos.


JPEG2000 proporciona índices 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.


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.


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

Usted puede:

  • Reduzca 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

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


Lo tildaría, a menos que estés absolutamente seguro de que tu audiencia tiene ancho de banda.

el siguiente es jpeg2k.


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

  • Imagen
  • Ilustración

Para imágenes (como fotografías), un formato de compresión con pérdidas como JPEG será lo mejor, ya que eliminará detalles que la percepción visual humana no notará fácilmente. Esto permitirá tasas de compresión muy altas para la calidad. La desventaja es que una compresión excesiva dará como resultado artefactos de compresión muy notables.

Para ilustraciones que contienen áreas grandes del mismo color, usar un formato de compresión sin pérdida 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, de forma similar a la codificación de longitud de ejecución (RLE).

Ahora, como mencionó específicamente PNG, entraré en esa discusión a partir de mi experiencia en el uso de PNG.

En primer lugar, comprimir más un PNG no es una opción viable, ya que no es posible comprimir los datos que ya se han comprimido . Esto es cierto con cualquier compresión de datos; eliminar la entropía de los datos fuente (básicamente, repetir patrones que se pueden representar de formas más compactas) conduce a la disminución en la cantidad de espacio necesaria 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 aún más el tamaño de un PNG: 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 una 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. 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 el tramado haga 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.


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


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.


Smush. Afirma ir "más allá de las limitaciones de Photoshop". Y es gratis y basado en la web.


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.


Para obtener más de un archivo JPEG, puede utilizar 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 detalle, eq alrededor de 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 darle un nombre al canal
  3. Use Archivo-> Guardar como Web
  4. Seleccione JPEG como formato de archivo
  5. Junto al cuadro Calidad hay un pequeño botón con un círculo. 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.

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


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.


Cesio es la mejor herramienta que he visto en mi vida.