Cómo optimizar imágenes PNG para la Web en Photoshop CS4

Autor: Bobbie Johnson
Fecha De Creación: 3 Abril 2021
Fecha De Actualización: 22 Junio 2024
Anonim
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

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

  1. Abra una imagen en Adobe Photoshop CS4.

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

  3. 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ú.

  4. Seleccione "PNG-24" como tipo de archivo en el menú desplegable del lado derecho de la ventana.

  5. 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.

  6. 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.


  7. 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.

  8. 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.

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

  10. Seleccione "Selectivo" para usar una gama mayor que la opción "Perceptivo".

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

  12. Seleccione "Personalizado" para modificar la paleta de colores manualmente en la tabla de colores.

  13. 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.


  14. Seleccione la imagen que tenga el tamaño más pequeño al mismo tiempo que es más fiel a la imagen original.