20 May Jpg, png o gif… ¿Qué formato utilizamos en web?
Analizaremos los tres formatos, jpg, png y gif para ver cuál de estos es el más adecuado para utilizar en internet.
JPG
El más utilizado, el formato JPG. Un formato ideal para fotos pero debemos saber que este formato utiliza un método de compresión que optimiza el tamaño de las fotos pero nos hace perder calidad. Entonces cuanto más comprimimos imagen más grande será la pérdida de calidad. Esto nos pasaría cuando queremos guardar la imagen en photoshop -> guardar para web. A simple vista puede que no se nota, pero si ampliamos la imagen podemos observar como ha perdido calidad.
En este ejemplo hemos tomado la misma imagen, la de 57,6 kb esta guardada en una compresión baja y la de 17,3kb en una compresión muy alta.
Os detallamos los pros y contras del formato JPG.
Pros: Puede guardar hasta 16 millones de colores diferentes, gracias a los 24 bits de profundidad de color. Gracias a que se puede comprimir mucho puedes guardar imágenes que pesen muy poco y es ideal para publicar imágenes en páginas web.
Contras: No soporta transparencias y no es recomendable para la edición de fotos. Para estos casos utilizaremos el formato RAW. La pérdida de calidad es proporcional a la compresión, y cuantas más veces guardamos la imagen menos calidad tendrá.
PNG
El formato PNG se creó para sustituir el formato GIF. Actualmente para W3C el formato PNG es el estándar recomendado. Dentro del PNG tenemos dos subcategorías, el PNG8 y el PNG24.
El PNG8, se el equivalente al formato GIF, es un poco mejor respecto al formato GIF ya que ofrece una compresión y una transparencia algo más mejorada que el formato GIF y puede mostrar hasta 256 color por imagen. Con este formato no podemos guardar animaciones. El PNG24, sería el equivalente al formato JPG, pero admite transparencias de más calidad que PNG8 y GIF. No pierde calidad al guardar con este formato.
GIF
El formato GIF se caracteriza porque en una imagen puede mostrar como máximo 256 colores y permite visualizar animaciones. Es uno de los formatos más utilizados para crear banners y otras animaciones gráficas.
Pros: Se adecuado para imágenes grandes en mucho color y simples (ilustraciones, logotipos …) y también te permite crear transparencias pero normalmente son de baja calidad.
Contras: No es recomendable para guardar fotos o imágenes de colores complejas.
¿Qué formato debemos utilizar para cada ocasión?
Os expongo unos ejemplos para que se difícil concretar cual es el mejor formato y cuál va mejor para cada imagen que queremos guardar.
Fotos, imágenes complejas y de alta calidad y transparencias -> JPG y PNG24
Imágenes en alta calidad y transparentes -> PNG24
Logotipos, textos, transparencias que no requieren mucha calidad-> GIF y PNG8
¿Qué formato utiliza vosotros?
