Foros del Web » Creando para Internet » Diseño Gráfico »

Sombra paralela en archivos png-8

Estas en el tema de Sombra paralela en archivos png-8 en el foro de Diseño Gráfico en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/05/2010, 16:38
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Sombra paralela en archivos png-8

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.
  #2 (permalink)  
Antiguo 02/05/2010, 18:38
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Sombra paralela en archivos png-8

Cita:
Iniciado por mayid Ver Mensaje
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).
  #3 (permalink)  
Antiguo 03/05/2010, 13:09
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Sombra paralela en archivos png-8

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?
  #4 (permalink)  
Antiguo 03/05/2010, 13:43
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Sombra paralela en archivos png-8

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.)
  #5 (permalink)  
Antiguo 03/05/2010, 13:54
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Sombra paralela en archivos png-8

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
  #6 (permalink)  
Antiguo 03/05/2010, 14:00
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Sombra paralela en archivos png-8

¡Ah que lindas nubecitas !
  #7 (permalink)  
Antiguo 03/05/2010, 14:02
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Sombra paralela en archivos png-8

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.)
  #8 (permalink)  
Antiguo 03/05/2010, 20:43
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Sombra paralela en archivos png-8

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?
  #9 (permalink)  
Antiguo 03/05/2010, 21:27
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Sombra paralela en archivos png-8

Cita:
Iniciado por Rafael Ver Mensaje
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.
  #10 (permalink)  
Antiguo 03/05/2010, 22:30
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Sombra paralela en archivos png-8

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.

Etiquetas: png, sombra
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:39.