¿Cual considera es el mejor formato para usar en el desarrollo de sitios web?

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, png, tiff, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ser muy pesada o no son compatibles con algunos navegadores.

Dependiendo del publico al cual queremos mostrar nuestro sitio web, así serán las imágenes que debemos de dar a conocer, ya que no conocemos el ancho de banda con la cual navegan nuestro publico. 

Los formatos más utilizados para web son el GIF, el PNG y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos recursos. 

 Formato GIF:

Utilizan un máximo de 256 colores, y son recomendables para dibujos con grandes áreas de un mismo color o de tonos no continuos. También si se muestra texto.

Suelen utilizarse con gran frecuencia, ya que permiten contener transparencias y animación.

En cambio, no están recomendados para fotografías, ya que se perderían colores, y al no tener áreas de color continuo, el archivo final sería mayor que por ejemplo un JPG.

 Formato JPG:

Estas imágenes pueden contener millones de colores, en un archivo comprimido de tamaño razonable. Por ejemplo, las imágenes que obtenemos de una cámara digital suelen estar en este formato.

Por tanto, son especialmente indicadas para fotografías, o gráficos complejos, obteniendo mejores resultados que el GIF.

En cambio, en gráficos con pocos colores y continuos, generará un archivo mayor que el GIF, y podremos apreciar pérdida de calidad.

 Formato PNG.

Se trata de un formato de compresión sin perdida. Tiene varias versiones:

PNG 8 es un formato de 256 colores muy similar al GIF, que en teoría obtiene archivos algo menores. También admite transparencias.

PNG 24 y PNG 36. Es un formato de color verdadero (24 o 36 bits), lo que hace que sea un archivo de tamaño algo mayor. Admite canal de transparencia alfa, lo que quiere decir que puede obtener distintos niveles de transparencia, a diferencia de PNG 8 o GIF que pueden ser totalmente transparentes o no. El resultado es el de mayor calidad, pero también de mayor tamaño. Este formato es el más adecuado cuando necesitamos distintos niveles de transparencia, o requerimos que una imagen muestre correctamente todos sus colores y detalles, evitando la pérdida de calidad que puede producir JPG.

Lo habitual es utilizar GIF o PNG para pequeños gráficos, normalmente elementos del diseño o imágenes simples, y JPG para fotografías.

Nos limitaremos al uso de estos formatos. Ya que aunque algunos navegadores soportan otros, no lo hacen todos. Y hemos de asegurarnos de que cualquier visitante de nuestra página pueda ver las imágenes.