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

** Optimizar imágenes tipo PNG

Estas en el tema de ** Optimizar imágenes tipo PNG en el foro de Diseño Gráfico en Foros del Web. Hola amigos. Tengo 9 banners en formato PNG en un sitio web. Cada "n" segundos se cambian, lo cual debo cargar los 9 banners. Cada ...
  #1 (permalink)  
Antiguo 21/02/2012, 13:00
Avatar de ghidalgoram  
Fecha de Ingreso: marzo-2008
Ubicación: Costa Rica
Mensajes: 446
Antigüedad: 14 años, 9 meses
Puntos: 7
Pregunta ** Optimizar imágenes tipo PNG

Hola amigos.

Tengo 9 banners en formato PNG en un sitio web. Cada "n" segundos se cambian, lo cual debo cargar los 9 banners.

Cada banner "pesa" como 300 kb, es demasiado.... pesado, son casi 2 megas entre las 9 fotos.

No puedo pasarlos a JPG porque necesito que esas fotos mantengan las transparencias.

Con que software puedo cambiarlos o que herramienta puedo optimizar mis imagenes PNG?

O que parámetros debo utilizar por ejemplo en Photoshop para realizar la modificación ?

Gracias
__________________
Loading...
  #2 (permalink)  
Antiguo 22/02/2012, 10:21
Avatar de Hugo Jr
Moderador Jedi
 
Fecha de Ingreso: octubre-2004
Ubicación: Cancún y Riviera Maya
Mensajes: 1.987
Antigüedad: 18 años, 1 mes
Puntos: 78
Respuesta: ** Optimizar imágenes tipo PNG

En photoshop puedes abrir los archivos y después en Archivo/guardar para web y debe bajar el peso de cada uno... saludos
__________________
Mientras todos ustedes duermen...
  #3 (permalink)  
Antiguo 22/02/2012, 11:15
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 19 años, 8 meses
Puntos: 1826
Respuesta: ** Optimizar imágenes tipo PNG

Aunque esto no ayuda mucho, por lo menos en mi versión primitiva de Pshop a menos que lo mandaras a 8 bits pero la máscara se vuelve de index color, no alpha.

Como todo tiene su precio. Sacrificando un poco la imagen en el menú Imagen > Ajustes > Posterizar, Ponle digamos Niveles 32-40. Esto emplastará un poco/mucho los colores y el algoritmo de compresión será más eficiente ya que trabajará con áreas planas contiguas.

Soy muy torpe con Photochop, pero haz eso también con la máscara de transparencia.

A ver si alguien nos orienta como:
1) Sacas el canal de transparencia a un archivo en escala de grises.
2) Lo posterizas también digamos Niveles 8
3) Lo regresas como máscara otra vez.

Esto te debe reducir el peso digamos a 150-200 kb. La mitad es más aceptable.
  #4 (permalink)  
Antiguo 22/02/2012, 11:27
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 19 años, 8 meses
Puntos: 1826
Respuesta: ** Optimizar imágenes tipo PNG

Y otra opción es que uses imágenes de la mitad de resolución y las estiras de nuevo con Css en el archivo html. Esto te reducriá el peso a una cuarta parte. Puede no ser tan grave esto dependiendo de la imagen.

Etiquetas: imagenes, png, tipo
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 15:04.