Sombra paralela en archivos png-8

[mayid]

Estoy queriendo reducir el tamaño de imagenes PNG en mi web, que en conjunto pesan mas de 1.5mb.

Cuando photoshop las guarda, pesan mas de 200kb cada una.

Cada foto tiene una sombra paralela (fx). Esa sombra paralela, si la quiero guardar en 8 bits para reducir peso, me aparece con un reborde blanco. Mismo si intento convertir a 8 bits con otro programa.

Puedo usar el difuminado propio de la sombra paralela, o del calado, en PNG de 8 bits? Como? No encuentro solución.

[metacortex]

Iniciado por mayid

Puedo usar el difuminado propio de la sombra paralela, o del calado, en PNG de 8 bits? Como? No encuentro solución.

Puedes pero te va a salir espantoso y además pesado. PNG8 y Gif son formatos con una paleta limitada a 256 colores. Muy buenas opciones si les das buen uso.

Para tu caso te recomiendo irte por el JPG a un 60% de calidad (por supuesto usando el diálogo Guardar para Web).

[mayid]

Bueno, mil gracias por las aclaraciones, pero necesito insistir con el PNG. En todo caso, ahora mi pregunta es una pregunta sobre estilo. Que bordes se le puede hacer a unas fotos para que sean de estilo web?

Lo que quiero es apilar varias fotos así: http://demos.usejquery.com/03_z-index_gallery/

Pero si uso PNG-24 entonces el tamaño de las fotos es mucho. Esto, usando calado o sombra.

QUe borde puedo hacerle a mis fotos para que sean como las de la muestra?

[Rafael]

Hola Mayid.
Ya notaste que el png de 8 bits no es opción para sombras. Es lo mismo que un gif. El color transparente es uno solo, no está dado por un canal alpha.

Una compresión png de 24 bits es ideal pero para gráficos con colores lisos o degradados grandes, como gráficas de negocios.

Para fotos con detalles ciertamente la compresión no es óptima, ni optimizable como en un jpg.

Lo que posdrías hacer es "forzar" la optimización, a costa de detalle.

Esto sería pasarle una "posterización" para reducir el detalle entre pixeles adyacentes (de qué demonios está hablando este cuate¿?)

Si ya pasaste tu imagen a 8 bits y el resultado (aparte de la sombra) no te pareció malo, lo que puedes hacer es pasarla a 8 bits sin ningun tipo de tramado (jarvis, stucky etc), regresarla a 24 bits y despés agregar sombra.**

Entiendo para que quieres la sombra en 24 bits, pero para web normalmente hay que sacrificar ciertos efectos. También 200k no se me hace tanto para una foto si esta vale la pena.

La alternativa de un jpg no es mala pero tendrías que controlar muy bien la integración con el fondo. Si pones un link a tu página tal vez podamos aconsejar la mejor.

**(Probablemente sirva extraer el canal alpha de la imagen de 24 bits primero y agregarlo a la de 8 bits regresada a 24 bits.)

[mayid]

Gracias Rafa.

Con todo gusto te muestro lo que estoy haciendo.

Aquí es donde está el problema de los 200kb por imagen. Porque son varias y suman mas de 1.5mb, aún cuando la web es todavía un borrador y no algo definitivo:
http://libasoles.com.ar/webs.php

Es exactamente lo mismo a lo que ves en el primer link que publiqué. Es decir, un monton de imagenes png superpuestas, que van rotando.

Para la pagina principal si pude usar png-8, y el resultado es más que optimo. Fijate en las nubecitas:
http://libasoles.com.ar/index.php

Y aca, solo por mostrar algo mas, tengo una mezcla de las dos cosas:
http://libasoles.com.ar/freestyle.php

[Rafael]

¡Ah que lindas nubecitas !

[Rafael]

Ok, lo de la posterización puede ser una buena solución.
La compresión png no está definida tanto por los bits, sino por el contenido de la imagen.

Al pasar de 24 a 8 bits se reduce el peso pero como consecuencia de esta reducción o "aplastamiento" de los detalles.

Este truco puede ser la clave:
**(Probablemente sirva extraer el canal alpha de la imagen de 24 bits primero y agregarlo a la de 8 bits regresada a 24 bits.)

[mayid]

Rafa, y como sería eso? Guardar el canal alpha en un archivo? No, no?

Guardar solo los efectos menos porque solo existen en tanto la foto esté visible...

Algun tutorial o pasos a seguir please?

[metacortex]

Iniciado por Rafael

Ok, lo de la posterización puede ser una buena solución.
La compresión png no está definida tanto por los bits, sino por el contenido de la imagen.

Al pasar de 24 a 8 bits se reduce el peso pero como consecuencia de esta reducción o "aplastamiento" de los detalles.

Este truco puede ser la clave:
**(Probablemente sirva extraer el canal alpha de la imagen de 24 bits primero y agregarlo a la de 8 bits regresada a 24 bits.)

Es que el formato de 8 bits automáticamente elimina cualquier opción de alpha transparente (por ejemplo, los bordes quedan igualmente dentados). Es exactamente igual a un GIF pero más optimizado en peso.

[Rafael]

Pasos.
1) Genera tu png transparente de 24 bits.
2) Guarda el canal de transparencia, como un archivo nuevo. No estoy seguro cómo se hace en photochop. Pero se puede.
3) Guarda tu archivo png ahora sí como 8 bits; de preferencia sin ningún tipo de tramado.
4) Abre este archivo de 8 bits y cámbiale el modo a 24 bits otra vez.
5) Ensámblale el canal alpha otra vez.

Esa es una serie de pasos. Debe de haber una opción por ahí de reducir la paleta de colores, pero no sé donde.