Graphics Diary J.S.G: OPTIMIZACIÓN DE LAS IMÁGENES

OPTIMIZACIÓN DE LAS IMÁGENES

La optimización de las imágenes nos ayuda a presentar una buena calidad en las imágenes, para que su peso y velocidad de carga sean los más óptimos.

He preparado tres imágenes como ejemplo:

Imagen con fondo

En la primera imagen he optimizado la resolución de la imagen al máximo y en la segunda imagen he bajado la resolución al mínimo, por lo cual se puede observar la diferencia de colores y su resolución. Finalmente las he guardado en formato JPG.

Las siguientes imágenes las he guardado en dos formatos PNG 24 y PNG 8, este tipo de formatos ayuda a la hora cargar la imagen en la página web. La primera imagen en formato PNG 24 se presentara una mayor velocidad a la hora de cargar la imagen y la segunda imagen con formato PNG 8 carga más lento y se pueden observar ligeros saltos de color:

Las siguientes imágenes las he guardado en formato GIF y GIF COMPURSERVE . Se pueden observar claramente las diferencias, el GIF COMPURSERVE está pixelado, presenta irregularidades y baja calidad en la imagen:

Imagen con transparencia

Al igual que las anteriores he optimizado la resolución al máximo de la primera imagen y la segunda he bajado su resolución al mínimo, con la diferencia de que contiene un fondo trasparente. Las he guardado en formato JPG, a diferencia de que el formato JPG no admite transparencias, por lo cual coloca un fondo grisáceo:

También he guardado las imágenes en PNG 8 y PNG 24, a diferencia que el formato JPG el PNG si admite transparencias por lo que el fondo es transparente. La diferencia entre PNG 24 es que a diferencia de PNG 8 admite más colores:

Las siguientes imágenes las he guardado en formato GIF COMPURSERVE Y GIF, las cuales presentan las mismas características que los anteriores gifs:

Y por ultimo la imagen CLIPART, como las anteriores la primera la he guardo en formato JPG a máxima resolución y la segunda a baja resolución, en las cuales se puede apreciar la diferencia: