jueves, 2 de noviembre de 2017

Optimización de Imágenes


¿Qué es dicha optimización?



Es perder información al final, es decir, la justa y necesaria. Generalmente, en un sitio se busca que sea dinámico y atractivo, suele ser incómodo para cualquier usuario esperar minutos para acceder a la página.




OTOÑO




Su peso es 95,1 kb
Su tamaño es 394 x 270
Su modo de color es RGB
(Alta calidad)




Su peso es 8,9 KB
Su tamaño es 394 x 270
Su modo de color es RGB
(Baja calidad)




La imagen de baja calidad, pesa menos que la de alta calidad, pero no es adecuada para visualizarla en pantalla, porque los píxeles son demasiado visibles, por eso la ideal sería la imagen de alta calidad.



MUJER EMBARAZADA



Su peso es 85,9 kb
Su tamaño es 454 x 303
Su modo de color es RGB
(Alta calidad)





Su peso es 9,1 KB
Su tamaño es 454 x 303
Su modo de color es RGB
(Baja calidad)



La imagen de baja calidad, podría utilizarse en web, si su tamaño fuese reducido, porque no se ven cambios notables, sin embargo, si el uso de la imagen fuese de un tamaño mayor, los cambios serían visibles y convendría utilizar la imagen de alta calidad.



HUSKY


Su peso es 133,5 KB
Su tamaño es 340 x 237
Su modo de color es RGB
(Alta calidad)







Su peso es 43,3 KB
Su tamaño es 170 x 119
Su modo de color es RGB
(Baja calidad)



La imagen de baja calidad, sería la idónea para utilizarse en la web, puesto que pesa menos y no es muy visible la pérdida de calidad.



CHICA CON FRUTA




Su peso es 72 KB
Su tamaño es 170 x 255
Su modo de color es RGB
(Alta calidad)


















Su peso es 25,9 KB
Su tamaño es 85 x 125
Su modo de color es RGB
(Baja calidad)




La imagen de alta calidad, en este caso sería la escogida, porque aunque pese menos, aparece el llamado efecto "moaré" en la camiseta, y distorsiona el diseño de esta.



ZANAHORIAS





Su peso es 253,8 KB
Su tamaño es 472 x 472
Su modo de color es RGB
(Escala 100%)








Su peso es 70,4 KB
Su tamaño es 236 x 236
Su modo de color RGB
(Escala 50%)




La imagen de baja calidad, no pierde calidad tan solo es reducida en tamaño y peso, por lo tanto esta es la imagen que escogería para web.



BRAINSTORM


Su peso es 243,2 KB
Su tamaño es 2500 x 1500
Su modo de color es RGB
(Sin transparencia)






Su peso es 1,2 MB
Su tamaño es 2500 x 1500
Su modo de color es RGB
(Con transparencia)


La imagen de peso mayor y con transparencia es la adecuada para ir en web, porque en la de menor peso y sin transparencia, aparecen los bordes de sierra en la imagen reducida.



LOGOTIPO PUERTA BONITA



Su peso es 20 KB
Su tamaño es 469 x 120
Su modo de color es RGB
(Sin transparencia)








Su peso es 61,2 KB
Su tamaño es 469 x 120
 Su modo de color es RGB
(Con transparencia)


La imagen sin transparencia es la mejor, puesto que pesa menos, y por lo tanto es la que elegiría para la web.



BOSQUE




Su peso es 21,8 KB
Su tamaño es 283 x 283
Su modo de color es RGB












Su peso es 16,3 KB
Su tamaño es 142 x 142
 Su modo de color es RGB






La imagen de menor peso y escala, es la imagen que elegiría para la web, porque al ser vectorial si aumentas dicha imagen, no aparecen bordes dentados ni influye en la calidad de esta. 


Un saludo, espero que os haya parecido interesante.

Páginas web Legibles e llegibles


Qué es la legibilidad?



Es la capacidad de definir y distinguir claramente los elementos que deseamos en una página y, dentro del texto, los caracteres.


Consejos para que una página web sea legible:
  • Contraste: Elegir un color de texto que contraste con el fondo, pero sin ser demasiado marcado, esto puede cansar la vista.
  • Jerarquía: Ayuda a identificar la estructura del diseño, es decir, facilita la compresión lectora.
  • Columnas: No deben superar el 50% del ancho de la pantalla, se recomienda que contenga una media de 15 palabras por línea, para que no resulte pesado.
  • No colocar muchos enlaces muy cerca unos de otros. 
  • La navegación debe ser fácil.                                                                                



Página legible: (Canon) https://www.canon.es/     


La fuente de esta página es legible, porque el color no cansa a la vista, las imágenes están ordenadas jerárquicamente junto con los textos, que son cortos, concretos y no es necesario girar la cabeza para visualizar la página entera.



Página ilegible: (The Million Dollar Home Page) http://www.milliondollarhomepage.com/


Esta página web no se considera legible porque, los colores son demasiado llamativos y cansan la vista, lo que hace más complicado su lectura. Tiene muchos enlaces a páginas web externas demasiado juntos, y es difícil  acceder a ellos, porque carecen de jerarquía alguna.


Un saludo, hasta la próxima.