INTRODUCCIÓN A LA GRÁFICICA PARA EL WEB

El desarrollador que quiere utilizar gráficos para sus sitios web tiene dos alternativas:

  1. comprar imágenes por el especialista gráfico. De hecho, escanear imágenes o descargar imágenes para insertarlas en páginas web no es bueno, sólo por las características de las imágenes mismas, que generalmente no son adecuadas para uso directo.
  2. obtener un editor de imágenes y aprender a usarlo. Por lo menos para las funciones necesarias en nuestro sitio web.

Las funciones que se utilizan para procesar una imagen, tanto para adaptarla como para comprobar el menor peso, son principalmente las siguientes:

  • Cortar la imagen para tomar sólo la rebanada o marco necesario.
  • Redimensionar la imagen es reducir el peso y adaptarse a las necesidades de nuestras páginas.
  • Quitar el fondo que no nos importa.
  • Hacer la imagen borrosa y / o semitransparente.
  • Guardar la imagen para la web en uno de los siguientes formatos:
    • GIF
    • PNG
    • JPG (en este caso la imagen no puede tener fondo transparente)

El software Adobe Photoshop es en mi opinión uno de los mejores del mercado: es fácil e intuitivo y permite muchos trucos incluso a un tonto como yo. Pero puedes usar cualquier otro, siempre que te permita manipular las imágenes lo suficiente para tus necesidades.

En la práctica, las imágenes tienen que ser (a) de tamaño adecuado, (b) adaptadas a nuestras necesidades, y finalmente (c) guardadas para la web en el mejor formato, es decir, que permita la mejor calidad con el menor peso.
No voy a explicar las diferencias entre los diferentes formatos, ya que el software debería permitirle de previsualizar y comprobar las características, incluyendo medir el tiempo necesario para descargar la imagen de acuerdo a la velocidad de línea.

Nota:

  • El 'peso' en KB es el factor que es relacionado con el tiempo que se tarda en descargar la imagen.
  • Lea esto para entender  el peso de los archivos (Bytes, KB, MB, GB, TB). Haga clic en http://myrepono.com/faq/4