Optimización de imágenes

Hola, hoy vamos a comparar los formatos de las imágenes y su optimización. Para ello cambiaremos las calidades y tamaños de tres imágenes diferentes.

El Sol

Partiendo de la siguiente imagen original, abrimos Photoshop.

En el menú archivo abrimos la opción de guardado para dispositivos y web.

Nos saldrá un cuadro con diferentes opciones de guardado a la derecha.

A continuación os mostrare 2 tipos de guardado por formato.

JPG

Al guardar las imagenes en JPG podemos ver que cuanto mayor es la calidad de la imagen mas tamaño adquiere, aunque el tiempo de carga sigue siendo el mismo.

 JPG Alta

Peso: 1,979 KB 

Calidad: 60

Tiempo de carga: 1 seg.

 JPG Baja

Peso: 886 Bytes 

Calidad: 10

Tiempo de carga: 1 seg.

PNG

Al guardar las imágenes en PNG a mayor calidad más pesa, aunque no se aprecia la variación en la imagen, también podemos ver que el tiempo de carga aumenta.

PNG 8

Peso: 3,229 KB

Tiempo de carga: 1 seg.

PNG 24

Peso: 6,726 KB

Tiempo de carga: 2 seg.

GIF

Al guardar las imágenes en GIF a mayor Calidad mas pesa