Aprenda a utilizar correctamente los tipos de imágenes en su ecommerce

Los distintos formatos de imagen se han desarrollado para cumplir determinadas funciones, conocerlas es esencial para poder utilizarlas correctamente.

Aprenda a utilizar correctamente los tipos de imágenes en su ecommerce

Las imágenes en formato BMP ocupaban demasiado y eran muy pesadas para Internet, disponían además de muchas limitaciones en cuanto a calidad de imagen en relación a su peso. Esto empujó a la industria digital a desarrollar múltiples formatos, cada uno orientado a usos específicos, o generales.

Dado que cada formato de imagen ha sido creado con un propósito en concreto, conviene que conozca los tres formatos con los que cualquier gestor de un negocio online trabaja a diario, pero que quizá no conoce lo suficiente como para utilizarlos correctamente.

Estos tres formatos, JPEG, GIF y PNG, se utilizan a diario en las publicaciones de redes sociales, blogs, web, emails entre otros. A continuación los conocerá un poco mejor.

JPEG o JPG

Este tipo de imagen es posiblemente el más extendido por Internet y fue desarrollado en 1986 por el Joint Photographic Experts Group cuyas siglas dan nombre al formato y al tipo de compresión del estándar.

Sus ventajas sobre formatos anteriores como el BMP son muchas, pero destacan sobre todo su compresión, que permite imágenes de gran calidad con muy poco espacio en disco. Soporta millones de colores, lo que ha favorecido que se convirtiese en el formato más popular para las cámaras fotográficas digitales.

Es un formato compatible con todas las plataformas y navegadores. La ligereza de las imágenes permite que su uso se haya extendido especialmente en el diseño web, publicaciones en redes sociales y en cualquier medio digital en el que el peso de una imagen pueda afectar a la experiencia de usuario.

Es un formato ideal para fotografías del mundo real, que tengan colores complejos. Su peso reducido además de favorecer a una navegación fluida por parte de los internautas, y agilizar la carga de las webs, también proporciona la comodidad de ser rápidas de subir a la web para su posterior uso en publicaciones.

GIF

Un año más tarde de la creación del formato JPEG, la compañía estadounidense CompuServe creó el formato GIF. Como detalle curioso, su creador, Steve Wilhite señala que la correcta forma de pronunciar el nombre del formato es “yif” (o “jif” en inglés). Las siglas en este caso provienen de “Graphics Interchange Format”.

Posee dos propiedades que el formato JPEG no ofrece y que han influido en el uso final de este tipo de archivo. La primera de estas propiedades es la transparencia, que permite que uno de los colores se convierta en transparente. La transparencia permite integrar la imagen con el fondo que de ninguna otra forma podría realizarse con el JPEG.

La otra propiedad interesante de este formato es que permite animaciones, mediante la consecución de fotogramas, siendo visualizados estos en orden, se pueden crear pequeñas animaciones gráficas en bucle que en los comienzos del boom de internet decoraban o incluso llegaban a saturar las páginas webs.

En su creación también se buscaba la rápida transferencia de imágenes en conexiones lentas. Para ello tiene limitado su número de colores hasta 256 debidamente indexados, combinando dos de ellos para obtener el necesario.

Con el tiempo el formato perdió popularidad y su uso se limitó bastante. Hoy en día sus principales usos son para la creación de pequeños gráficos web en los que son necesarios pocos colores, pero que se quiere una gran compresión, también se utiliza para la creación de pequeños iconos, animaciones sencillas o incluso “memes” animados utilizados en las redes sociales.

PNG

El formato PNG se desarrolló más tarde, a mediados de los ’90, para solventar las deficiencias del formato GIF, como la profundidad de colores que aportaba el JPEG pero conservando la posibilidad de utilizar transparencias, e incluso de transparencias en degradado. Se pronuncia “Pe Ene Gé”, aunque también es aceptada la pronunciación “ping”.

Los dos subformatos más empleados son los de 8 y 24 bits.  Para ganar en profundidad de colores el formato tuvo que sacrificar la compatibilidad con animaciones. Es un formato cada vez más popular, y el más recomendado para las páginas web, especialmente aquellas dedicadas a la venta online.

  • PNG-8: este formato soporta 256 colores y 1 bit de transparencia, teniendo una compresión aun mayor que los archivos GIF sin pérdida de calidad, los convierten en la opción perfecta para los gráficos de su web, especialmente de todos aquellos que no representan productos, como pueden ser sus marcas, logotipos, o cualquier otra imagen donde pueda ser necesaria la transparencia.

Programas como Photoshop tienen asignado por defecto este formato para la hora de guardar un diseño para webs y dispositivos.

  • PNG-24: soporta más de 16 millones de colores y es más similar al JPEG en cuanto a calidad de imagen pero con mayor compresión de archivo. Su ligereza, profundidad de colores y calidad de imagen convierten a este formato en el ideal para fotografías de productos, banners, etc.

A la hora de trabajar con imágenes en su web, puede utilizar el formato que más le plazca, pero recuerde los usos que mejor convienen para cada formato.

Utilice imágenes en JPEG para fotografías de gran calidad, como en trabajos fotográficos profesionales.

Recurra al GIF exclusivamente si necesita animaciones, siempre y cuando no pueda recurrir a una alternativa tal como el HTML5.

En el día a día de su web y sus redes sociales, no dude en utilizar el formato PNG en sus dos versiones, la de 8 bits si necesita transparencias, como por ejemplo en su logo, y la de 24 bits para imágenes de producto, imágenes en artículos de blog y en sus publicaciones en redes sociales. Su peso reducido y su calidad de imagen las hacen ideales para mejorar la carga de cualquier web sin afectar a la calidad visual de la misma.

¡Comparta este tweet!

  • Es importante conocer a fondo los formatos JPEG, GIF y PNG para sacarles el máximo partido. ¡Twittear!
  • Utilice imágenes en JPEG para fotografías de gran calidad, como en trabajos fotográficos profesionales. ¡Twittear!
  • Recurra al formato GIF exclusivamente si necesita animaciones. ¡Twittear!
  • En el día a día de su web y sus redes sociales, no dude en utilizar el formato PNG-8 o PNG-24. ¡Twittear!

Desde YooSell les queremos ayudar a impulsar sus ventas en su negocio online. Háblenos de su proyecto y le ayudaremos a aumentar sus ventas. Para mayor información, contáctenos.

Imagen en Pixabay.com