Como optimizar tus archivos PNG

Muchos de nosotros que nos dedicamos al diseño web, tenemos que lidiar con la optimización de muchos archivos, JPG, GIF y PNG. En los dos primeros solo el GIF tiene transparencia pero es muy baja su resolución así que tenemos que recurrir al formato PNG para una mejor calidad y con la misma caracteristica de la transparencia.

PNG header Como optimizar tus archivos PNG

Paso 1

El primer paso es tener nuestra imágen en PNG que vayamos a optimizar.

finder 1 Como optimizar tus archivos PNG

Paso 2

Ya que tenemos la imágen nos iremos a IMAGE > ADJUSTMENTS > POSTERIZE

FINDER 2 Como optimizar tus archivos PNG

Paso 3

Cuando pinchemos en el menu de POSTERIZE nos apareceza un submenu para darle una cantidad.

finder 3 Como optimizar tus archivos PNG

Ahi es cuando empezaremos a darle el valor para que la imágen se vea nitida y si tiene degradados que no se noten los cambios de color.

finder 4 Como optimizar tus archivos PNG

Paso 4

Ya que tenemos la imágen tratada, nos iremos a FILE > SAVE FOR WEB AND DEVICES

finder 5 Como optimizar tus archivos PNG

Nos aparecera un submenu con la imagen y los distintos tipos de archivos que nos permite guardar Photoshop.

Escogemos PNG -24 y guardamos. El proceso de optimización de la imágen esta completo y la puedes usar en tu diseño.

finder 6 Como optimizar tus archivos PNG

Este es el mismo archivo con la optimización y sin ella. Se nota la diferencia en el peso del mismo.

finder final Como optimizar tus archivos PNG

Artículos similares que deberias ver:
  • Como serían las caras de los artistas perfectos
  • Como integrar tu ubicación con un mapa de Google en tu web
  • dootter


    Diseñador-creativo-bloguero-perfeccionista, buscando siempre nuevas ideas para emprender a la par de mis actividades, papa de una bolita cachetona y latosa, y pareja de patitas suaves, hijo de mi mama y mi papa. Marketing manager en yalla ya y jefe del área de diseño, interacción y creatividad.

    This entry was posted in Tutoriales, Web and tagged . Bookmark the permalink.