Al tener un sitio web y en especial un blog, siempre te verás en la necesidad de complementar tus contenidos textuales con elementos multimedia, como video, audio e imágenes, de los cuales lo más sencillo son siempre las imágenes, aunque a veces lo sencillo tiene sus pequeñas complicaciones.

Una de las complicaciones que te podrás encontrar al utilizar imágenes en tus artículos es la suma de los pesos que pueden hacer que las páginas de tu sitio tarden más o menos en cargar y la calidad visual de las mismas, siempre teniendo cuidado en el balance entre la calidad de la imagen y su peso.

Por regla general a mayor calidad de la imagen más será su peso y por el contrario, a menor peso menor será su calidad, llegando incluso a restarle valor al contenido textual que complementa cuando se sobre optimiza teniendo solo presente el peso de la misma.

Además de la calidad de la imagen, existe otro factor que ayudará a optimizar las imágenes que utilizas en tu web y ese es la correcta elección del formato de la imagen, siempre utilizando el más adecuado para cada caso, no te “cases” con un solo formato.

Formatos de Imágenes para tu Blog.

Hoy en día existen diferentes formatos de imágenes, algunos muy ligados a determinadas aplicaciones como es el caso de PSD de Photoshop o el XCF de Gimp e incluso el AI de Ilustrator y otros ya de uso extendido como los que se han utilizado en la web desde bastante tiempo.

Para la web es muy común utilizar los formatos JPG, GIF y PNG, pero desde hace un tiempo es posible ver algunos otros como WebP y SVG, este último para llevar las imágenes en formato vectorial a tu sitio web o blog.

Formato JPG

Realmente este formato se llama JPEG (Joint Photographic Experts Group), como antiguamente en MS-Windows los archivos solo podían tener tres letras en su extensión quedó como .jpg, aunque también se pueden observar archivos con la extensión .jpeg

Este formato es uno de los más comunes en Internet, especialmente para Fotografías, ya que admite hasta 16 millones de colores y por lo general es el formato que tendrán tus fotografías cuando las tomas con tu smartphone o tu cámara digital.

Este formato utiliza compresión con pérdida, eliminando parte de la información capturada que en la práctica el ojo humano no logra captar, esto hace que se puedan obtener imágenes con un pequeño peso, pero a su vez va perdiendo calidad cada vez que se manipula o comprime nuevamente.

Formato GIF

GIF o Graphics Interchange Format, es un formato que ha estado dando vueltas desde hace mucho tiempo, creado por Compuserve en 1987 para lograr archivos muy livianos. En la actualidad no es tan popular como lo fue en el pasado, pero a sus capacidades de animación ha tenido un repunte en Redes Sociales y aplicaciones de Mensajería.

Este formato no es recomendado para fotografías, esto debido a que solo acepta 256 colores, aunque si acepta transparencia o canal alfa, además de ser un formato sin pérdida al utilizar LZW para la compresión.

Formato PNG

El formato PNG o Portable Network Graphics fue diseñado para reemplazar a GIF al utilizar sistemas de compresión sin pérdida totalmente libre de patentes, además de admitir una paleta de colores mucho más grande, pero no la posibilidad de crear animaciones.

En la actualidad es mucho más utilizado que GIF en los sitios web para casi lo mismo que se utilizaba GIF, logotipos e imágenes sencillas, muchas veces proveniente de imágenes vectoriales, incluso es posible utilizar para alguna fotografías si utilizan transparencia.

Las fotografías si podrían estar en formato PNG, gracias a que este formato soporta TrueColor junto con canal alfa o transparencia, pero la misma imagen en JPG tiene un peso menor.

Formato SVG

El formato SVG o Scalable Vector Graphics es un formato de imagen vectorial, a diferencia de los tres anteriores que son formatos de mapa de bits el formato SVG no depende de la resolución de la imagen y es posible su escalado sin ninguna pérdida o problema en su calidad.

El formato SVG tiene grandes ventajas y desde hace un tiempo se está viendo cada vez más en la web, gracias a que los navegadores actuales lo soportan, junto con su poco peso hacen que las páginas web tengan una mayor velocidad al momento de ser visualizadas.

SVG fue creado por la W3C como un estándar libre y de código abierto por lo que no tendrás limitación alguna para su utilización, ademas al ser un lenguaje XML podras ver su codigo facilmente (algo asi como el código HTML) y es fácilmente editable su aspecto a través de CSS.

Si bien, para los tres formatos anteriores existe un sin número de aplicaciones para editarlos, en el caso de las imágenes en formato SVG existen menos, pero en prácticamente todos los sistemas operativos, algunos de ellos son Adobe Ilustrator y Inkscape.

Formato Webp

Webp es un nuevo formato de imágenes con compresión con y sin pérdida creado por Google, por lo que pretende competir contra los más populares JPG y PNG, obteniendo archivos mucho más pequeños con calidad similar.

Hoy en día es soportado por algunos navegadores y aplicaciones gráficas de forma nativa y por otros a través de plugins o JavaScript en el caso de los navegadores, pero aún son pocas las web que lo implementan.

Palabras Finales.

Si bien existen otros cuantos formatos de imágenes, los que aquí te comente son los más utilizados o los que a mi parecer tienen más futuro en la web, como es el caso de webp. Tu cual de ellos utilizas para acompañar los contenidos de tu Blog?

Como siempre estoy atento a tus dudas a través de los Comentarios, del Formulario del blog y en mi Twitter. No dudes en compartir este articulo en tus redes sociales, te lo agradeceria un monton.