Optimización de imagenes

La optimización es:

Uno de los eficaces medios de ahorro de bytes y mejora de rendimiento para sitios web. Cuantos menores bytes deba descargar el navegador, menos tiempo tardara en cargar y mostrar el contenido en pantalla.

Peso: 46.6 KB
Tamaño de imagen: 197x135
Modo de color: RGB

Peso:20.3 KB
Tamaño de imagen: 296x203
Modo de color RGB

Podemos observar que la primera imagen tiene mejor calidad que la segunda y color, la segunda imagen se ve borrosa y pixelada.

Peso:158 KB
Tamaño de imagen: 568x297
Modo de color: RGB

Peso: 9.1 KB
Tamaño de imagen: 454x303
Modo de color: RGB 
 

La primera imagen tiene muy buena calidad comparado con la segunda imagen, la segunda se nota que esta pixelada pero tiene un peso bastante mas pequeño que la primera imagen.

Peso:195 KB
Tamaño de imagen:408x284
Modo de color:RGB

Peso:17 KB
Tamaño de imagen:170x119
Modo de color: RGB

La primera imagen tiene un tamaño mayor y calidad mejor que la segunda imagen, la segunda imagen pesa mucho menos que la primera y es mas pequeña.

Peso: 152 KB
Tamaño de imagen: 354x354
Modo de color: RGB

Peso: 62 KB
Tamaño de imagen:472x472
Modo de color: RGB

La calidad baja mas o menos la mitad en la segunda imagen, pero no se nota mucho cambio, solo en el color, por ejemplo, en la primera imagen el color se ve mejor, pero la segunda imagen pierde color.

Peso:157 KB
Tamaño de imagen: 255x383
Modo de color: RGB

Peso:47 KB
Tamaño de imagen: 255x383
Modo de color: RGB

La primera imagen tiene una buena calidad, pero las dos imágenes tienen el mismo tamaño pero la segunda pesa bastante menos, pero en la segunda imagen se nota que se empieza a pixelar.