Optimización y Formatos Gráficos

Las imágenes se suelen dividir en tipos de formato, igual que una imagen puede tener varios formatos pero a la misma vez se ve la diferencia del porqué y sobre todo en la calidad y tamaño de la imagen.
Ahora veremos como en algunos casos se nota la diferencia entre varios formatos como jpg, gif, png, pdf, etc...

Optimización a JPG

FORMATOS: Ambas fotos son JPG, aunque la primera está totalmente transformada mediante exportación.
OBSERVACIONES: Como se ve claramente, la primera imagen ha sido exportada en una calidad muchísimo peor, tiene las mismas dimensiones las imágenes pero la imagen ha sido exportada con 0% de Calidad y por eso se nota la diferencia por los pixeles y los colores, que parecen que se juntan unos con otros.

FORMATOS: Ambas fotos son JPG, pero en este caso la primera imagen tiene color embebido y un 50% de calidad.
OBSERVACIONES: Se ve en este caso muy poco cambio, pero sobre todo hay que fijarse por el tamaño de la imagen entre estos dos casos, como sale en la siguiente imagen, el perder calidad y le diferencia entre colores, añadir que el RGB es de la segunda imagen es de Adobe RGB 1998.

Optimización a PNG

Estas fotos han sido transformadas en PNG

FORMATOS: Una foto está en formato original en JPEG y la otra está transformada en PNG y modo de 8-BIT.
OBSERVACIONES: No se puede apreciar mucho la diferencia en plena vista, pero se ve por el peso de la imagen, ya que una pesa menos de la original pesa más de la mitad que el PNG.

FORMATOS: Una foto está en formato original en JPEG y la otra está transformada en PNG original.
OBSERVACIONES: Como en la anterior imagen no se aprecia la diferencia pero resalta igual en el pesado de la imagen y en el perfil de color sobretodo, la imagen principal está construida con Adobe RGB 1998 y la actual. con el sRGB, que es mucho más actual.

FORMATOS: Ambas fotos están convertidas en PNG pero la primera tiene Canal Alfa (Transparencia)

OBSERVACIONES: En las fotos se ve como una tiene una capa transparente y solo se ven las zanahorias, la otra tiene fondo blanco en la foto. Además se ve en el peso de la imagen ya que la transparente pesa 73 Kb más.

Importación a GIF

FORMATOS: La primera imagen está en formato PNG y la segunda está convertida en GIF.

OBSERVACIONES: La diferencia, es que la imagen en formato GIF tiene la posibilidad de moverse ya que es un formato de imágenes interactivas, pero no es solo eso, se ve que pesa la mitad además que el perfil de color es distinto, el PNG es Adobe RGB y el GIF tiene sRGB.

FORMATOS: Una foto está en formato original en JPEG y la otra está transformada en GIF.

OBSERVACIONES: A simple vista no se nota la diferencia, y viendo el peso es casi igual, el GIF pesa un poco más que el JPEG pero no tienen en el mismo perfil de color, el GIF sigue con el sRGB y la imagen JPEG tiene de perfil Adobe RGB 1998.

Exportar a SVG

FORMATOS: La imagen principal en PNG es la principal, la imagen en formato SVG no deja reproducirla en Blogger.

OBSERVACIONES: Como no podemos reproducir la otra visiblemente, se ven los detalles en las características, la imagen de SVG (basado en XML) se reproduce a través de Adobe Illustrator. La imagen en SVG ocupa más espacio y el perfil de colores es más completo.