Imágenes de nueva generación

Ya sea JPEG para imágenes estándar o PNG para imágenes que gestionan la transparencia. Pero estos formatos están un poco anticuados: JPEG es de 1991 y PNG de 1996.

Por lo general, cuando quieres poner imágenes en tu sitio web, utilizas los formatos clásicos.

La tecnología está evolucionando, y los formatos de imagen se centran en los nuevos formatos de imagen web.

Ventaja de los formatos de imagen web de nueva generación

Los motores de búsqueda como Google prefieren los sitios que cargan rápidamente.

En otras palabras, cuanto más rápido sea el tiempo de carga de tu sitio, más probable será que se posicione por delante de tus competidores en los resultados de búsqueda.

También hay que tener en cuenta que las imágenes constituyen una gran parte del peso de una página web, más o menos un 65%.

Por eso es interesante ver estos nuevos formatos de imagen: porque están diseñados para la web actual.

De hecho, permiten una mayor compresión de las imágenes y, por lo tanto, mejoran el tiempo de carga de los sitios web.

Además, hay que tener en cuenta que cuanto más rápido se cargue la página web, mejor será la experiencia del usuario.

Se calcula que los sitios que tardan más de 3 segundos en cargar pierden casi la mitad de sus usuarios.

Las ventajas de estos nuevos formatos de imagen son, por tanto:

  • Mejor posicionamiento
  • Mejora la experiencia del usuario
  • Sitio web más eficiente.

Formatos de imágenes de próxima generación

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.

¿Cómo se generan estos nuevos formatos de imagen?

JPEG 2000 es compatible con muchos programas de edición de fotos como Photoshop.

JPEG XR requerirá un plug-in especial para ser exportado desde Photoshop.

Para WebP, también necesitarás descargar un plugin especial o utilizar un servicio de conversión de terceros (en tu ordenador u online).

Hay que tener cuidado con los problemas de compatibilidad con los viejos navegadores: https://developers.google.com/speed/webp/faq

pagespeed-insights formatos de imágenes de próxima generación

Limitaciones

Desgraciadamente, el soporte de los navegadores para estos formatos de imagen no es universal.

Además, WordPress CMS no soporta estos formatos de imagen de nueva generación.

Por lo tanto, si subes estos archivos de imágenes avanzadas a la biblioteca de medios de WordPress, recibirás el mensaje: «Lo sentimos, este tipo de archivo no está permitido por razones de seguridad».

Entonces, ¿cómo usar el formato de imagen de próxima generación para un sitio de WordPress?

¿Cómo servir imágenes en formatos de nueva generación para WordPress usando Shortpixel?

Si alojas muchas imágenes en tu sitio, utilizar ShortPixel Image Optimizer es muy sencillo.

Comparado con otros plugins de compresión de imágenes para WordPress, Short Pixel incluye más funciones para ayudarte a reducir el tamaño del archivo de tus imágenes y aumentar la velocidad de carga de tu sitio.

Shortpixel tiene una versión gratuita, pero te sugiero que vayas con el plan premium si tienes 2 o más sitios y sí, una sola licencia puede ser usada para múltiples sitios.

En primer lugar, tendrá que crear una cuenta gratuita en ShortPixel y comprar cualquier Plan Premium.

Si quieres puedes subscribirte a ChorriClub y tendrás acceso a este plugin y a otras fantásticas herramientas.

Seguimos.

Ahora obtendrás el código de la API.

Instala ShortPixel.

Ves a General > ShortPixel > introduce clave de API

Dirígete a la pestaña avanzado y habilita el formato de imágenes WebP.

Imágenes de nueva generación

Activar abajo con Guardar e ir a proceso en lote.

Empieza a optimizar tu biblioteca de medios y las carpetas personalizadas.

Conclusión

He instalado este plugin de imágenes para otro blog de WordPress y he notado el aumento de puntuación de velocidad de la página.

Además, no aparece ningún mensaje en el resultado de la prueba de velocidad con respecto a las imágenes de formato de próxima generación.

¡Ahora eres imbatible en los nuevos formatos de imagen web!

Podrás aumentar la velocidad de tu sitio a la velocidad de la luz.

Deja un comentario