Cómo optimizar PNG fotos para la web en Photoshop CS4

Cuando la optimización de imágenes para la Web, cada imagen debe ser tratado de forma individual para encontrar un equilibrio entre la mejor calidad de imagen y el tamaño de archivo más pequeño posible. Adobe Photoshop CS4 utiliza dos tipos de imágenes PNG. PNG-24 imágenes se pueden utilizar muchos más colores de los que PNG-8 y crear archivos mucho más pequeños. Como resultado, PNG-8 cargan más rápido a un navegador Web, pero no pueden captar la sutileza de colores que un PNG-24 latas. Photoshop CS4 incluye una Guardar para Web y dispositivos ofrecen para ayudarle a optimizar imágenes para la Web.

Instrucciones

1 Abrir una imagen con Adobe Photoshop CS4.

2 Haga clic en el menú "Archivo" y seleccione "Guardar para Web y dispositivos."

3 Zoom dentro o fuera de la previsualización de la imagen haciendo clic en el menú desplegable "Tamaño de archivo" en la parte inferior izquierda de la ventana. Se puede escribir en un porcentaje o seleccionar uno de los porcentajes preestablecidos en el menú desplegable.

4 Seleccione "PNG-24" como el tipo de archivo en el menú desplegable en la parte derecha de la ventana.

5 Seleccione la pestaña "4-up" por encima de la vista previa. Esto cambia la ventana de vista previa para permitir que usted mire la imagen original, el PNG-24 y otros dos formatos de lado a lado.

6 Ajuste los PNG-24 configuración de las opciones en la parte derecha de la ventana, comparándolo con el original mientras se ve el tamaño del archivo.

7 Haga clic en una de las ventanas de vista previa que no sea el original o el PNG-24. A continuación, cambiar a este formato PNG-8 en el menú desplegable.

8 Ajustar la configuración PNG-8 en la ventana de la derecha, comparándolo con el original y el PNG-24 mientras se ve el tamaño del archivo.

9 Seleccione "Perceptual" para dar prioridad a los colores a la que el ojo humano es más sensible.

10 Haga clic en "selectivo" para utilizar una gama de colores más amplia que el formato perceptual.

11 Seleccione "Adaptive" dar preferencia a los colores más utilizados en la imagen.

12 Haga clic en "Personalizar" para modificar la paleta de colores de forma manual en el panel Paleta.

13 Seleccione "transparencia" para mantener los píxeles transparentes en la imagen. Haga clic en "Mate" para reemplazar los píxeles transparentes con un color, a continuación, seleccione el color que desea utilizar para el mate.

14 Seleccione la imagen que tiene el tamaño de archivo más pequeño mientras que ser lo más cercano a la calidad de la imagen original como sea posible.