Cómo Podemos usar Imágenes WebP en WordPress

Categorias: Wordpress

Cómo Podemos usar Imágenes WebP en WordPress

Las imágenes WebP son un formato de imagen de nueva generación que reducen el tamaño, sin perdida de calidad, de todas las imágenes de nuestro WordPress. Es un formato creado por Google pero no es compatible con todos los navegadores, pero el plugin WebP Express puede ayudarte con esto.

Si hablamos de formatos de imágenes para web, seguro que te vienen a la cabeza extensiones como JPE o PNG y no es de extrañar, son formatos usados por los sitios web desde el principio de Internet.

Pero la tecnología avanza y en los formatos de imágenes también, así que desde hace ya algunos años tenemos con nosotros los llamados Formatos de Imagen de Próxima Generación, que son mucho más eficientes que los formatos clásicos, pero no tan compatibles.

Y sobre los formatos de imágenes de nueva generación existentes, hay uno que está siendo el más popular de todos o al menos eso parece, ya que su creador es el todopoderoso Google y se trata del formato WebP.


Tenemos diferentes tipos de hosting, selecciona uno:


 

Formato de Imagen WebP

WebP no es el único de los nuevos formatos de imágenes, tenemos JPEG 2000 o JPEG XR, como indica Google en su web de análisis web:

pagespeed imagenes formatos proxima generacion

Pero al ser el formato creado por Google, con todo lo que abarca en Internet y ser totalmente compatible con el navegador web más usado, Google Chrome, parece que es el favorito para llevarse el gato al agua.

Además de esto, el formato WebP es muy bueno, es capaz de comprimir las imágenes ocupando mucho menos espacio que en los formatos tradicionales y sin perder calidad en el camino.

Y si tienes imágenes en .png con transparencias, también puede trabajar de esta forma, incluso con un .gif.

Pero no todo son bondades en este formato de imágenes, ya que por ahora, tiene un problema, que es la compatibilidad.

Al no ser un estándar y estar creado por una compañía, no todos los navegadores web lo soportan.

Estamos en julio de 2020 y esta es la tabla comparativa del formato de imágenes WebP:

webp navegador compatible

Con un simple vistazo veremos que es compatible con casi todos los navegadores web.

Vemos que no es compatible con Internet Explorer , algo normal ya que está en desuso, pero vemos que el popular navegador web Safari, el navegador por defecto de todos los iPhone, iPad y macOS, de Apple, no es compatible con el formato de imagen WebP.

Estos son decisiones empresariales que nada tienen que ver con la calidad de los formatos de imagen y se entiende perfectamente cuando vemos la compatibilidad de otro de los formatos de nueva generación; JPEG 2000.

jpeg2000 navegador compatible

Este formato de imagen es compatible con Safari, pero ningún otro navegador le quiere dar soporte.

Esto es debido a que no se trata de un formato que se pueda utilizar libremente y hay que pagar una licencia de uso, que los responsables de los navegadores web no van a hacer.

Mientras las grandes empresas siguen con sus asuntos, nosotros podemos encontrar una solución para que no nos afecte esta lucha de formatos.

 

Usar WebP en WordPress

Para poder usar WebP en nuestro WordPress tenemos que tener en cuenta un par cosas.

La primera que dejar sin soporte de imágenes a todos los usuarios de Safari, no es una opción.

La solución es muy sencilla, nuestro WordPress sabe qué navegador está visitando el sitio web, así que podemos determinar qué formato de imagen mostrar, según el tipo de navegador.

Si nos visita un navegador web que tenga soporte para WebP, nuestro WordPress le mostrará la imagen en WebP.

Si nos visita un usuario con el navegador web no compatible, se le mostrará la imagen en formato tradicional, jpg, png, etc…

De esta manera todos verán las imágenes de nuestra web, independientemente del navegador que use.

Eso si, tenemos que tener las imágenes subidas en los dos formatos, lo que nos lleva a otro problema.

Si tienes una imagen con formato WebP e intentas subirla a la biblioteca de medios de WordPress, te encontrarás con este mensaje, al menos en la versión actual de WordPress (5.4):

wordpress incompatible webp

Como verás, WordPress tampoco trabaja con el formato WebP, al menos de forma nativa…

Plugin WebP Express para WordPress

Como estamos en WordPress, podemos utilizar un plugin para resolver esto, como WebP Express entre muchos otros.

plugin webp express WordPress

WebP Express es un plugin gratuito que se encarta de solucionar todos los inconvenientes que hemos comentado en el artículo.

El primero, la posibilidad de trabajar con el formato de imagen WebP en WordPress.

No convierte WordPress en compatible con WebP, seguiremos sin seguir poder subir las imágenes en este formato.

Lo que hace este plugin es convertir las imágenes que subamos a WebP, pero sigue manteniendo la imagen original en el formato que ya tuviera.

Como estarás pensando, lo que conseguimos con esto, es poder mostrar la imagen en el mejor formato, según el navegador web que nos visite.

webp express opciones - WordPress

WebP Express es una de las opciones que tenemos para poder usar imágenes en formato Webp en WordPress, de una forma rápida y sencilla, al menos mientras no se ofrezca una solución nativa desde WordPress.

Cosa a tener en Cuenta

WebP Express es una solución para poder trabajar con WordPress y WebP, pero no es la única.

La mayoría de los plugins de optimización de imágenes que podemos encontrar en WordPress, ya añaden alguna solución como la que hemos visto en el plugin WebP Express.

Antes de empezar a usarlos, debes comprobar las limitaciones de números de imágenes convertidas entran en tus números de imágenes que subes, ya que casi todos tienen alguna que otra restricción.

También hay opciones de pago, por supuesto, incluso el popular CDN Cloudflare tiene una solución, pero WebP Express nos parece de las más acertada para trabajar con el formato WebP en WordPres.

 

Hosting WordPress con Discos SSD + IP Española

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!