Hola a todos Os presento  el trabajo de análisis de optimización de imágenes de la web. Tendremos en cuenta los siguientes puntos:
. Formatos y características
. Observaciones

Imágenes en JPEG:

.Es un algoritmo diseñado para comprimir imágenes con 24 bits de profundidad o en escala de grises. Una de las características que hacen muy flexible el JPEG (JPG) es el poder ajustar el grado de compresión.

1. La primera imagen de JPEG del otoño , la hemos hecho con una calidad de 100% y a una escala del 53,29%. La parte buena  es que la imagen está a máxima calidad pero pesa bastante 52.1KB . También hemos reducido la imagen a 210 x 144  siendo antes de 394 x 270. La imagen al reducirla y tener la máxima calidad se ve bastante bien.
2. La primera imagen de JPEG del otoño , pero a baja calidad de un 0% y a una escala del 63.45% se ve bastante mal. La parte buena es que la imagen ocupa 4.9 KB bastante menos que la otra foto. También hemos reducido la imagen de 394 x 270 a una imagen de 250 x 171. La imagen al verla reducido mas ve pixelada.

Imágenes en JPEG

1. La primera imagen de JPEG de la mujer , la hemos hecho con una calidad de 100% y a una escala de 63,87%. Es una imagen que tiene buena calidad pero pesa bastante 67KB. También hemos reducido la imagen a 290 x 194 siendo antes de 454 x 303 . La imagen se ve bien sin pixeles.

2. La segunda imagen de JPEG de la mujer , la hemos hecho con una calidad del 0% y a una escala de 66.07%. Es una imagen que se ve pixelada  pesando 5.3KB. También la hemos reducido la imagen a 300 x 200 siendo antes de 454 x 303 . 

Imágenes PNG

Un formato de compresión de imágenes aprobado por el W3c  como sustituto del formato gif . Los archivo tipo gif utilizan un algoritmo de compresión de datos que está patentado, mientras que el formato png no está patentado y no necesita licencia para su utilización.

Se considera que el formato jpg  es mejor para fotografía digital mientras que los formatos gif y .png son mejor para imágenes gráficas.

1. La primera imagen  de PNG del perro,  y a una escala del 88.23% con una anchura de 300px y una altura de209px.La compresión que ofrece este formato es (compresión sin pérdida) mejor que la compresión  GIF. Tiene las transparencias activadas , pero el formato pesa 122.4KB.




2. La segunda imagen es muy parecida a la primera. Pero tiene las transparencias y el archivo más pequeño(8 bits) activados,  a una escala de 117,64% , con una anchura de 400px y una altura de 279, . Lo bueno que tiene es que el formato del archivo pesa 66.9KB.

IMAGEN PNG

En esta imagen  de la mujer hemos  pasado de JPG a PNG . Esta foto en PNG tiene una anchura de 200 px y una altura de 300 px , con una escala de 117.64% hemos aumentado su escala. Tiene un tamaño de 200 x 300  y pesa 1.067 KB , su calidad no ha variado sigue siendo una calidad media  y no valdria para una pagina web ya que pesa demasiado y su calidad es buena cuando tiene un tamaño grande.

Con esta imagen de la zanahoria y las transparencias no ha sufrido ningún cambio ,  el tamaño de la imagen es el mismo 472 x 472 px pero antes pesaba 253,8 KB y ahora pesa 66,2 KB al tener puesta la selección de archivo más pequeño (8 bits). Tiene una anchura de 472 px y una altura de 472 px, con una escala de el 100%. Esta imagen sería muy buena para utilizarlas en sitios de páginas web ya que tiene una buena calidad.

IMAGENES SVG

Es un formato vectorial poco conocido pero muy útil para su uso online por su flexibilidad y por la capacidad de ofrecer gráficos con calidad.

Estas imágenes antes de optimizarlas pesaban 8,8 KB  y el tamaño era de 283 x 283 px.

1. La primera imagen, tiene un tamaño de anchura de 400 px de altura 400px y la escala es de 141,34% sin ningún metadatos su peso es de 61,5 KB. la imagen se ve en buena resolución.

2. La segunda imagen, tiene un tamaño de anchura de 100px y de altura 100px  con una escala de 35.33%, con metadatos (Información de copyright de contacto) y un peso del archivo de 10,6 KB pesando menos que la primera por tener una escala menor, pero su calidad de su imagen es muy mala y aunque pese menos pierde demasiada calidad de la imagen.

IMAGENES GIF 

Genera gráficos con movimiento, se emplea en dibujos, no se recomienda este formato para fotografías ya que estas requieren muchos colores

Estas imagenes estaban antes en JPG y pesaban 1,037 KB y su tamaño era de 938 x 240 px

1. La primera imagen tiene una anchura de 600 px y una altura de 154 px, su escala es de 63.96% no tiene ningún  metadato y el espacio de color tiene seleccionado Convertir en sRGB. Tiene un peso de 29,2 KB. La imagen tiene una calidad buena.

2. La segunda imagen tiene una anchura de 230 px y una altura de 59px, su escala es de 24.52%, sin ningún mateado y el espacio de color seleccionado en convertir en sRGB. Tiene un peso de 7,3 KB pesa menos que la primera, pero la imagen tiene menos calidad y aunque pese menos es recomendable la primera porque aunque pese un poco más se ve mucho mejor.

Imagen GIF

1.La imagen Brainstorm

la hemos aumentado  tiene una anchura de 4.500 px y una altura de 2700 px, con una escala de 90% , siendo su tamaño de  4500 x 2700  pesando 1,3MB y  antes de pasarla a GIF, estaba en formato PNG, pesando 600 KB y su tamaño era de 500 x 3000 px. Con lo cual pesa menos en en formato PNG .