![Cómo optimizar imágenes PNG para la Web en Photoshop CS4 - Artículos Cómo optimizar imágenes PNG para la Web en Photoshop CS4 - Artículos](https://a.laermfeuer.org/articles/como-otimizar-imagens-png-para-a-web-no-photoshop-cs4.jpg)
Contenido
Al optimizar las imágenes a la Web, cada imagen debe tratarse individualmente para que exista un buen equilibrio entre calidad y tamaño de archivo. Adobe Photoshop CS4 utiliza dos variaciones de PNG. La PNG-24, que es capaz de contener muchos colores y PNG-8, que genera archivos mucho más pequeños. Esto quiere decir que las imágenes PNG-8 cargan más rápido, pero no contienen toda la gama de colores que las imágenes guardadas en PNG-24. Photoshop CS4 tiene la opción "Guardar para Web y Dispositivos" que facilita la optimización de imágenes para Web.
instrucciones
-
Abra una imagen en Adobe Photoshop CS4.
-
Haga clic en el menú "Archivo" y seleccione "Guardar para Web y Dispositivos".
-
Amplíe o disminuya la visualización de la imagen haciendo clic en el menú desplegable en la esquina inferior izquierda de la ventana. Puede introducir un porcentaje o seleccionar uno de los sugeridos en este menú.
-
Seleccione "PNG-24" como tipo de archivo en el menú desplegable del lado derecho de la ventana.
-
Seleccione la pestaña "Impresión 4-up" por encima de la visualización. Esto cambia la ventana de visualización, haciendo posible visualizar la imagen original, la misma guardada en PNG-24 y en otros dos formatos, lado a lado.
-
Configure el archivo PNG-24 con las opciones en el lado derecho de la ventana, comparando la calidad de la imagen con el original y mirando el tamaño del archivo.
-
Haga clic en una de las ventanas de la vista que no sea de la imagen original o de la PNG-24. Cambie su formato a PNG, 8 en el menú desplegable.
-
Configure el archivo PNG-8 con las opciones en el lado derecho de la ventana, comparando la calidad de la imagen con la original y la del archivo PNG-24, y prestando atención al tamaño del archivo.
-
Seleccione "Perceptivo" para dar prioridad a los colores que el ojo humano es más sensible.
-
Seleccione "Selectivo" para usar una gama mayor que la opción "Perceptivo".
-
Seleccione "Adaptativo" para dar preferencia a los colores más utilizados en la imagen.
-
Seleccione "Personalizado" para modificar la paleta de colores manualmente en la tabla de colores.
-
Seleccione "Transparencia" para mantener píxeles transparentes en la imagen. Haga clic en "Fosco" para sustituir los píxeles transparentes por un color, luego elija el color que desea utilizar.
-
Seleccione la imagen que tenga el tamaño más pequeño al mismo tiempo que es más fiel a la imagen original.