Optimización web: Imágenes de nueva generación

Dentro de un sitio web todo bit suma.

Recordemos que los motores de búsqueda otorgan un mejor ranking a los sitios que cargan con mayor velocidad. Y tomando en cuenta que las imágenes pueden representar hasta el 65% del contenido al momento de construir un sitio web, esto implica cuidar el peso de estos recursos para mantener un ranking saludable.

Si estás pensando en optimizar tu sitio o está en proceso de construcción, necesitas conocer nuevas herramientas y formatos que te permitirán mejorar su tiempo de carga, trayendo consigo las siguientes beneficios:

  • Mejora la experiencia del usuario
  • Un sitio web más eficiente
  • Mejor posicionamiento

¿Cuáles son los formatos de nueva generación? 

Se trata de imágenes con características superiores de compresión y calidad, en comparación con los formatos PNG o JPEG, como son JPEG 2000, JPEG XR y WebP.

Con estos formatos, además de acelerar el tiempo de descarga, se consumen menos datos móviles ayudando a los usuarios a tener una mejor experiencia dentro del sitio. 

Ahora revisemos a detalle cada uno de ellos:

JPEG 2000

  • Creado por el comité Joint Photographic Experts Group.
  • Soporta alfa (transparencia), RGB / CMYK, espacio de color de 32 bits, con o sin pérdida.
  • Su ganancia media de compresión es del 10% en comparación con la imagen original.

JPEG XR

  • Creado por Microsoft.
  • Soporta formatos alfa, RGB / CMYK, sin pérdidas o sin pérdidas, decodificación progresiva, espacio de color de 32 bits.
  • Su ganancia media de compresión es del 15% en comparación con la imagen original.

WebP

  • Creado por Google
  • Soporta alfa, sin pérdidas o sin pérdidas.
  • Su ganancia media de compresión es del 40% en comparación con la imagen original.

De estos tres formatos de ‘nueva generación’ para sitios web, WebP es el más idóneo por su compatibilidad y porque ofrece una mejor compresión con menor pérdida de calidad.

Esta tecnología ya se está siendo implementada por grandes compañías, como Mercado Libre y Amazon,  que usan el formato .webp para visualizar sus imágenes. 

¿Pero qué navegadores soportan el formato WebP?

 

Siendo un formato de Google, sobra decir que Chrome lo soporta plenamente, tanto en su versión para escritorio como en la app para móviles, al igual que los navegadores Android y Opera.

En el caso de Firefox e Internet Explorer, estos han comenzado a soportarlo, de momento solo en su versión de escritorio. Sin embargo la funcionalidad ya está disponible en la versión beta de su app para Android, así que esperamos verlo pronto en ambas plataformas. 

Safari por otro lado, parece no soportar este tipo de imágenes, pero basta con crear una condicional en el archivo .htcatces para que tu sitio muestre las imágenes en un formato conocido para Safari y en navegadores que lo soporten, se mostrarán las de nueva generación.

Post a Comment

CONTACTO