Imágenes gif vs png vs jpg/jpeg

Si aún no saben cual es la diferencia entre estos tipos de imágenes, ni cuando nos conviene usar cada uno de ellos, en este post encontrarán una pequeña guía.

Origen del post

Los bloggers solemos de vez en cuando colocar imágenes en los posts, algunas de las cuales son capturas. Y cuando había que escoger en que formato colocar dichas imágenes para conseguir la que ocupe menos bytes, vinieron a mi mente estos tres formatos usados en internet: gif, png y jpg/jpeg.
Fue cuando decidí investigar algo al respecto.

Cuando usar gif?

El formato gif es ideal para imágenes muy simples: trazos de líneas, dibujos y textos en blanco y negro o con pocos colores. También es el único formato de los 3 que permite animaciones. Y es ampliamente soportado en los browsers.

Cuando usar png?

Se usa para el mismo tipo de imágenes que los gif, con dos grandes desventajas. La primera es que no permite animaciones y la segunda es que sus características no son totalmente soportadas por todos los browsers, especialmente en las antiguas versiones de los mismos.
Su gran ventaja es que reduce el tamaño de las imágenes entre un 5% y 25% más que los gif. No debemos dudar que en un futuro cercano sea ampliamente soportado por las nuevas versiones de los browsers.

Cuando usar jpg/jpeg?

Es ideal para fotografías, es decir imágenes con muchísimos colores y pixels. No se les vaya a ocurrir usarlo con imágenes simples porque perderían claridad y nitidez.

Cual formato usar para guardar capturas de pantalla?

Cuando uno hace una captura, lo más conveniente podría ser el formato jpg, a menos claro que la captura sea de una imagen muy simple. De ser simple, habría que escoger entre un gif o png según lo dicho anteriormente.

Convertir entre formatos

Las conversiones más comunes serían de bmp o cualquier otro formato a gif, png o jpg/jpeg que son formatos de internet. Ahora, también podríamos convertir desde gif a png.
Para convertir se puede usar el método tradicional abriendo una imagen desde un editor de imágenes y guardarlo con otro formato. Pero también se puede convertir imágenes en línea con esta herramienta Media Convert Converter.

gif vs png y bmp vs jpg

En estos duelos tenemos 2 claros ganadores. El formato png, a pesar de su falta de soporte temporal y el formato jpg/jpeg que por tener compresión es la más conveniente, ya que los bmp con el tamaño que tienen sólo sirven para la pc y no para mostrarse en internet.

Recomendaciones

La importancia de saber escoger el formato adecuado radica en que cuanto menor sea el tamaño de la imagen, más rápido cargará el blog en la pc del visitante y menos ancho de banda consumirá en nuestro servidor cada vez que se muestre.
Eso sí, hay que sopesar tamaño vs calidad de imagen. Lo que les recomiendo cuando no estén seguros de que formato usar, es convertir la misma imagen a los 3 formatos y escoger la que más les convenga en tamaño y calidad.
Ya con el tiempo y la experiencia sabrán cual les conviene usar con cada imagen.