¿Qué formato de imagen usar en los artículos?

Imprimir

Antes de nada decir que este artículo no pretende ser nada más que una referencia fácil y entendible para aquellos cuya necesidad de conocimiento de formato de imágenes se limite a saber cuál es mejor incorporar en los artículos de esta Web, en sus propias páginas  Webs o en su Blog.

Seguro que más de una vez te has preguntado al guardar una imagen, ¿qué formato será más conveniente usar?. Los formatos de imagen más habituales en nuestro trabajo diario con fotos y, sobre todo en páginas web son: .jpg, .gif y .png; vamos a ver en que ocasiones es mejor usar un formato en lugar de otro.

JPG

paisajeSi guardas una imagen en formato JPG ésta no conserva toda la información que tenía la original, de este modo el archivo resultante es más pequeño (pesa menos, en KB), aún así se ve bien y es el formato de imagen más común utilizado por las cámaras fotográficas digitales.  Usa un algoritmo de compresión con pérdida de calidad.

¿Cuándo puedes usarlo?
Es perfecto para fotografías, paisajes, capturas de videojuegos, fondos de escritorio,...

¿Cuándo no usarlo?
Sin embargo, no lo utilices para capturas de aplicaciones de Windows, es decir, cuando la imagen tenga texto, esquemas lineales como planos, tiras cómicas o cuando necesites un buen contraste o degradado de colores.

GIF

mapaEn su momento fue el formato más utilizado. Es un formato sin pérdida de calidad para imágenes con hasta 256 colores. Las imágenes en formato GIF pueden llegar a ser muy pequeñas en KB y por tanto las páginas web que las incorporan cargan rápidamente.

¿Cuándo usarlo?
Suele utilizarse GIF para crear imágenes animadas, banners de publicidad, cuando necesitas que el fondo de tu imagen sea transparente y la imagen tiene pocos colores distintos. Cuando necesites representar textos, mapas, ...Además es el formato más compatible con los diferentes navegadores Web.

¿Cuándo no usarlo?
No debes usarlo para fotografías o imágenes de variedad cromática alta pues su paleta dispone de, tan sólo, 256 colores. Tampoco representa bien imágenes con efectos de degradado de colores.

PNG

esferasEs quizá el formato menos conocido y su poca implantación se debe en gran medida a la falta de compatibilidad inicial en navegadores como Internet Explorer. Sin embargo, parece el sustituto natural del GIF, además permite realizar animaciones (aPNG). El PNG admite formatos con una profundidad de color de millones de colores (color verdadero) y canal alfa (llamado también de transparencia), lo que proporciona unos rangos de color mucho más ricos y precisos que el GIF y disponer de valores de transparencia intermedios.

¿Cuándo usarlo?
En cualquier situación en la que es aplicable el GIF pero con la ventaja de obtener una imagen de mayor calidad con el mismo peso o menor.
Es perfecto, para capturas de pantalla de Windows, imágenes con texto o esquemas lineales, planos, dibujos de cómic, o siempre que tengas zonas transparentes o efectos de degradado en tu imagen.

¿Cuándo no usarlo?
No debes usarlo para fotografías porque el tamaño del archivo es mayor. Por otro lado, algunos navegadores dan problemas en su visualización, Internet Explorer 5.5 y 6 sobre todo.

Conclusiones para publicar artículos:

  • Como ves, no es que un formato sea mejor que otro, depende de su uso o finalidad.
  • Es habitual usar los 3, por eso es conveniente manejar normalmente uno o dos programas gráficos para trabajar con estos formatos y pasar de uno a otro o reducir las dimensiones de la imágen sin mayor problema.
  • Cuando publiques artículos en esta Web que incorporen imágenes asegúrate de que las dimensiones (ancho x alto) y el tamaño (en KBytes)  de las imágenes cumplen con estas indicaciones:
    • Dimensiones aproximadas más convenientes (en pixeles): inferiores a 250 pixeles.
      Dimensión máxima: 400 pixeles de ancho (el alto importa menos).
    • Tamaño aproximado aconsejable: inferior a 100 KB.
      Tamaño máximo del archivo de imagen: 1024 KB.