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

Escrito por david weedmark Google | Traducido por lucrecia garcía
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo optimizar fotos PNG para la web en Photoshop CS4
. (Jupiterimages/Photos.com/Getty Images)

Al optimizar imágenes para la web, cada imagen debe ser tratada individualmente 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. Las imágenes PNG-24 pueden utilizar muchos más colores que las PNG-8 y crear archivos mucho más pequeños. Como resultado, PNG-8 sube más rápido en un navegador web, pero no puede capturar la sutileza de colores que tiene un PNG-24. Photoshop CS4 incluye funciones de Guardar para web y dispositivos para ayudarte a optimizar imágenes para la Web.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre una imagen con Adobe Photoshop CS4.

  2. 2

    Haz clic en el menú "Archivo" y selecciona "Guardar para Web y dispositivos".

  3. 3

    Acerca o aleja la imagen de previsualización al hacer clic en el menú desplegable "Tamaño de archivo" en la parte inferior izquierda de la ventana. Puedes escribir en un porcentaje o seleccionar entre los porcentajes preestablecidos en el menú desplegable.

  4. 4

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

  5. 5

    Selecciona la pestaña "4-up" por encima de la vista previa. Esto cambia la ventana de vista previa para permitir que veas la imagen original, la PNG-24 y otros dos formatos una al lado de la otra.

  6. 6

    Ajusta las configuraciones PNG-24 de las opciones en la parte derecha de la ventana, comparándolas con la original mientras ves el tamaño del archivo.

  7. 7

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

  8. 8

    Ajusta la configuración PNG-8 en la ventana de la derecha, comparándola con la original y la PNG-24 mientras ves el tamaño del archivo.

  9. 9

    Selecciona "Perceptiva" para darle prioridad a los colores a los que el ojo humano es más sensible.

  10. 10

    Haz clic en "selectiva", para usar una gama más amplia de colores que el formato perceptivo.

  11. 11

    Seleccione "Adaptable" para darle preferencia a los colores más utilizados en la imagen.

  12. 12

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

  13. 13

    Selecciona "Transparencia" para mantener los píxeles transparentes de la imagen. Haz clic en "mate" para reemplazar los píxeles transparentes con un color y luego selecciona el color que deseas utilizar para el mate.

  14. 14

    Selecciona la imagen que tiene el tamaño de archivo más pequeño mientras está tan cerca de la calidad de la imagen original como sea posible.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles