Las fotografías o imágenes se utilizan a menudo para enriquecer textos o artículos, aportando información visual al lector que ayuda en la comprensión y hace más amena la lectura.

Varias imagenes


Lo que ocurre es que a menudo cometemos el error de subir una fotografía a la web sin saber si el formato es el más adecuado o si está correctamente optimizada.

Hay que tener en cuenta que cada vez que un usuario accede a esa imagen se descargará en su ordenador, y cuanto más peso tenga, mas tardará en cargar y más banda ancha consumirá en tu servidor.




Información sobre los formatos de imagen


Es importante comprender las características de los principales formatos (o métodos de compresión) de imagen, para poder decidir cuál es la más adecuada para el proyecto a realizar.



JPG (Joint Photographic Experts Group)

Imagen JPG
  • Se puede reducir su peso, pero perdiendo calidad (compresión con pérdida).
  • No soporta transparencias y las imágenes son estáticas (sin animación).
  • Se usa sobretodo para fotografías digitales dada su alta calidad.


PNG (Portable Network Graphics)

Imagen PNG
  • Conserva la calidad y la transparencia con peso mínimo.
  • Soporta cualquier color de transparencia, y las imágenes son estáticas.
  • Ideal para imágenes con brillos y sombras, como gráficos, logotipos e iconos.


GIF (Graphics Interchange Format)

Imagen GIF
  • De baja calidad, y poco peso (de 2 a 256 colores).
  • Permite un solo color de transparencia, y soporta la animación (fotogramas).
  • Se usa para imágenes de colores planos, banners animados o iconos.





Recursos para imágenes


A continuación una serie de recursos que pueden ser de gran utilidad para el tratamiento de imágenes.



Interpolación de imágenes

La interpolación se utiliza para aumentar el tamaño de una determinada imagen sin que se reduzca demasiado la calidad. Se basa en rellenar los píxeles que faltan analizando el resto de la imagen.

Hay varios tipos de interpolación que funcionan mejor dependiendo de la imagen, puedes probarlo usando programas como Photoshop, Gimp, Irfanview, o alguna aplicación online.

La imagen resultante suele empeorar más o menos, dependiendo del tamaño y la calidad de la anterior.



Optimización de imágenes

Una imagen se optimiza reduciendo su frecuencia, el número de colores, se combinan bloques monocromáticos, etc. Todo para disminuir el espacio que ocupa.

  • Optimizar JPG: Usa este programa gratuito, JPG Resizer, o bien esta aplicación online para reducir su peso.
  • Optimizar PNG: Puedes descargar este optimizador de imágenes PNG, PNG Crush o mediante PhotoShop, usando este plugin.
  • Optimizar GIF: Para optimizar Gif o Gif animados, descarga Gif Optimizer.


Conversores de imágenes

Para convertir un corto de vídeo o un banner hecho en Flash a un GIF animado, o simplemente pasar de un determinado formato de imagen a otro, puedes usar esta completa aplicación online: Media Convert.

Si lo prefieres también es posible convertir directamente un vídeo de YouTube a un Gif animado, mediante esta otra herramienta.



Alojamiento de imágenes

  • Imageshack: Uno de los más famosos, además dispone de algunos Widgets y Plugins para administrar las imágenes.
  • Pick: Una sencilla pero aceptable opción, que permite agrupar las imágenes en galerías.
  • Photo Bucket: Interesante y popular alternativa para almacenamiento y administración de fotos.


Si te gustó el artículo...

Puedes seguir el blog a través de Twitter, Facebook o tu lector de feeds RSS.

Artículos Relacionados

0 Comentarios

Aún no hay escrito ningún comentario

Deja tu Comentario

Asigna una imagen a tu email con Gravatar, si no sabes accede al siguiente Tutorial.



Asigna una imagen a tu email
Nombre
Email [Requerido]
Web/Blog

Información

  • Aplicamos el tag nofollow, y los enlaces con keywords en los comentarios podrían ser eliminados, intentamos mantener limpio el blog de spam.

  • Puedes usar las etiquetas <i>, <b>, <em>, <strong>, <a>, href, procura cerrarlas adecuadamente o tu comentario podria no mostrarse del modo que deseas.

  • Si necesitas que se vean en el comentario caracteres especiales como los usados en lenguajes de programacion como php, xhtml, etc., debes escribirlo dentro de las etiquetas [code] [/code], de lo contrario no se mostrará.

  • Procura no escribir enlaces que no tengan ninguna relación con el tema.

  • Si realizas una crítica procura argumentarla, pero sobretodo evita los insultos.