La optimización de imagen es el proceso que realizamos para poder adecuar nuestra imagen en el formato necesario para poder subirlo a nuestra web comparado con distintos formatos, en la cual comparamos el peso y el tiempo que emplearlá en cargarse.
Para poder guardarla en archivo web iremos a la barra de archivo - guardar para web
Ejemplo 1 Imagen con transparencia.
Tenemos esta imagen y queremos guardarla en el formato adeuado para nuestra web
A continuación iremos a archivo - guardar para web, aqui comparamos cuatro opciones: GIF, JPG, PNG 8
JPG: es una formato en en el cual no podemos guardar el objeto con trasparencia, que solo podemos modificar su calidad.
GIF: normalmente se usan para imagene en movimiento, pero en este caso tambien la podriamos utilizar ya que podemos guardar nuestra imagen con su respectiva transparencia.
PNG-8: formato para guardar imagenes trasparentes
Una vez hecho los cambios correspondientes y comprando tanto la calidad de la imagen como el peso y tiempo que tienen, elegiremos la que mas nos convengan. Si tenemos dos imagenes que aun modificando las opciones que tenemos no se percibe ningun cambio elegiremos la que menos peso tenga.
En este caso elegimos la opcion de PNG-8 ya que tiene mejos pero y tarda menos en cargar y aún asi no pierde calidad ni detalle en las sombras.
Ejemplo 2 Imagen sin transparencia
Imagen que vamos a guardar para nuestra web
A continuación iremos a archivo - guardar para web, aqui comparamos cuatro opciones: GIF, JPG, PNG 8
Modificaremos algunos parametros en los cuales podemos encontrar la cantidad de color, la tranparencia o el tramado, probaremos cuales son las mejores opciones para obtener la imagen optima para nuestra web. En este caso no hará falta usar el modo transparencia en ningún caso
GIF: normalmente se usan para imagene en movimiento, pero en este caso también la podriamos utilizar ya que podemos guardar nuestra imagen con su respectiva transparencia, pero en esta imagen no hace falta que se tenga transparencia, y vemos que los colores no son tan definidos y el archivo pesa mucho.
PNG-8: formato para guardar imágenes trasparentes, pero en este caso no hará falta, y observamos que los colores tampoco están muy bien definidos y pesa mucho el archivo.
Una vez hecho los cambios correspondientes y comprando tanto la calidad de la imagen como el peso y tiempo que tienen, elegiremos la que mas nos convengan. Si tenemos dos imagenes que aun modificando las opciones que tenemos no se percibe ningun cambio elegiremos la que menos peso tenga.
En este caso elegiremos la opción de JPG por la calidad y el peso.
No hay comentarios:
Publicar un comentario