Optimización de imagenes

Hola a todos. La entrada de hoy va a tratar sobre la optimización de imágenes en distintos formatos pasando por png, jpg, gif y svg.

Esta imagen llamada Otoño estaba en formato jpg, tenia un modo de color de RGB y un peso de 311'7 KB.

Cuando la pasamos a PNG la fotografía no cambio de modo de color pero si de peso, pasando a pesar 103'9KB y cuando lo pasamos a PNG, con un 50% de su tamaño, disminuyo de nuevo su peso pasando a 26KB







Con esta otra imagen vino pasando lo mismo. Su original en jpg pesaba 403KB y su modo de color era RGB


Mientras que cuando lo convertimos a png paso a pesar 302'6KB y pasada a png pero en un 50% pesa 134'3KB y ambas seguían teniendo el modo de color de RGB
 

Tambien pasamos archivos de photoshop a jpg.

Empezamos con esta imagen de un perro que en su original pesaba 278KB y su modo de color era RGB


Cuando la cambiamos al formato JPG conseguimos que bajara a 66KB y cuando la convertimos a JPG en su 50% paso a pesar 17%. Aunque no cambiamos su modo de color logramos que su peso se redujese considerablemente. 

En esta imagen de una chica con fruta basicamente hicimos lo mismo que en la anterior. Su original llagaba a pesar127KB y su modo de color era RGB

Cuando la pasamos a JPG paso a pesar 32KB y al convertirla en JPG en su 50% paso a pesar 14 KB. Cambio el peso de la imagen aunque no su modo de color.











 

La siguiente imagen también esta convertida de psd a JPG como las dos anteriores. Esta de aqué es una zanahoria con transparencia, modo de color RGB y un peso de 679 KB


Al convertirla en JPG su modo de color no cambio pero el peso bajo a 169KB manteniendo la transparencia. Cuando la convertimos a JPG a su 50% no cambio el modo de color ni quitamos la transparencia pero paso a pesar 39KB

Ahora pasamos a convertir archivos de png en archivos de gif con una imagen titulada Brainstorm. Su peso original era de 42'9 KB con un modo de color RGB


Lo pasamos al formato gif logrando que su peso bajara a  14'3 KB y este formato si hace cambiar el modo de color, el modo de color de esta imagen pasa de ser RGB a ser Indexado

 Volvemos a pasar una imagen a Gif pero esta vez es un JPG de una imagen del Puerta Bonita. En ella el peso es 659'5KB y el modo de color es RGB


Al cambiarla al formato Gif su peso paso a ser 219'8 KB y el modo de color volvió a cambiar y paso de ser RGB a Indexado

 

Ahora usaremos el proceso de heredado para cambiar unos archivos a SVG con una simple imagen. En esta imagen de un bosquecito en psd la pasaremos a heredado a png8. En un principio la imagen pesa 234'6KB  y su color es RGB.


Al pasarlo a png8 por heredado lo que hacemos es quitarle algunos tonos de color, solo unos pocos, para bajarle el peso y que no se note a simple vista la falta de esos tono de color. 


Al cambiarlo de formato paso a pesar 78'2KB aunque su modo de color no cambio. En su 50%  su peso era de 19'7KB y su color seguía siendo RGB.

Ahora cambiaremos algunos archivos a formato SVG empezando por la misma imagen del bosque en psd. Su peso original era 234'6KB y su modo de color RGB.


Al pasarla a SVG su peso se redujo a 3'98KB tanto al 100% como al 50% y su modo de color siguió siendo RGB
 

Ahora convertimos un archivo de formato AI(formato de Illustrator) a SVG. Esta vez es este gato, que aunque no es muy guapo no deja de ser un gato, el original pesa 5'67KB y su color es RGB.


Al convertirlo en SVG su tamaño esta ve no disminuyo, si no que aumento. Su tamaño paso a ser 98'4KB y su modo de color RGB y en su 50% su peso era de 24'6KB y su modo de color seguía siendo RGB

La ultima imagen era un SVG que pasamos al mismo formato (Yo tampoco lo entiendo pero bueno) Su peso original era de 8'40 MB y su color era RGB


Esta al pasarla por photoshop para ajustar el tamaño y eso paso a subir de peso otra vez. Su peso paso a 145'5KB y su modo de color siguió siendo RGB, mientras que al 50% la imagen pesaba 36'4KB y seguía teniendo un color RGB

Y esa ha sido la entrada de hoy, espero que os haya servido de algo.
Un saludo.