En el campo de las imágenes para web tenemos una gran cantidad de
formatos que potencian su usabilidad y adaptabilidad. La principal característica
de las imágenes para web es la del tamaño, se busca que las
imágenes ofrezcan la mayor calidad y variedad de color ocupando el
menor tamaño posible. La búsqueda de este equilibrio es la
base de las imágenes en la web.
Los formatos de imágenes para web usan diversas técnicas para
conseguir la compresión de las imágenes, teniendo cada formato
sus ventajas y sus desventajas. Esto hace que dependiendo del uso que se
desee para la imagen, se use uno u otro formato.
El formato JPEG se creó para el almacenaje de fotografías
y cada una puede contener hasta 16 millones de colores ocupando un reducido
tamaño. Esto lo realiza mediante un sofisticado algoritmo de compresión
que permite obtener fichero con un tamaño muy reducido a costa de
pérdida en la calidad de la imagen. Cuando se utiliza una técnica
de compresión con pérdidas, hay que asumir que la imagen al
descomprimirla no va a ser idéntica a la original, ya que al comprimirla
se descartan datos de información de la imagen original.
Cuanto mayor sea la compresión peor será la calidad, pero
el tamaño de la imagen resultante será mucho menor. Aplicando
la mayor compresión, una imagen de 1MB puede pasar a ocupar 10 Kb,
lo cual hace al JPEG un formato muy interesante para la web. Debido a las
pérdidas al generar los archivos JPEG, es interesante conservar siempre
la imagen original.
El formato GIF es el más popular en la web. Puede almacenar tanto
imágenes en blanco y negro, como en escala de grises o en color,
pero hasta un máximo de 256 colores o tonos de gris. El archivo de
la imagen consta de la propia imagen y una paleta de colores. El algoritmo
de compresión consiste en buscar zonas de un mismo color, lo que
hace a este formato ideal para imágenes en las que aparezcan grandes
zonas de un único color, y bastante ineficiente para imágenes
con mucho dinamismo de color como las fotografías.
El formato GIF permite imágenes transparentes, entrelazadas y poder
generar imágenes animadas mediante el guardado de varias imágenes
en un mismo fichero.
El formato PNG fue diseñado para suceder al GIF. Combina ventajas de los formatos GIF y JPEG. Ofrece compresión sin pérdidas y admite transparencia y entrelazado, permitiendo hasta 16 millones de colores y transparencia de 8 bits, con lo que se consiguen 256 niveles de transparencia. Esto es especialmente útil para conseguir fundir progresivamente las imágenes con el fondo del navegador y evitar los bordes dentados y los efectos de halo propios del formato GIF. Las principales pegas son el tamaño de los ficheros PNG son mayores que los GIF y los JPEG y aun no lo soportan todos los navegadores.
Para contestar a esta pregunta habría que plantearse otra, ¿Qué queremos conseguir? Dependiendo el objetivo será mejor usar uno u otro formato. Si queremos almacenar fotografías y enseñarlas por web, el mejor formato sería el JPEG tanto en calidad como en tamaño. Por otra parte si lo que queremos es poner logotipos, algún gráfico o imágenes con zonas de color uniformes, el mejor formato sería el GIF o PNG. En el caso de imágenes con texto sería conveniente no usar el JPEG ya que produce un desenfoque que dificultaría la legibilidad.
Diseño web de Hooping