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.

Paso 1

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

Paso 2

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

Paso 3

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

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.

Paso 4

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

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.

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