Cómo servir imágenes webp en lugar de JPG o PNG con WordPress

Google está en la parte superior de la cadena alimentaria en Internet. La empresa influye (o dicta) mucho de lo que está sucediendo en línea. Y su nuevo formato de imagen, WebP, continúa esta tendencia. Dado que la velocidad de carga de la página se está volviendo más importante (principalmente debido al rango de página de Google), los desarrolladores y diseñadores consideran la compresión de la imagen como la forma más simple de reducir el tiempo de carga. Las imágenes web de Google vienen con ~ 30% más bajas que las imágenes JPG o PNG típicas y retienen una calidad equivalente. Y, lo mejor, no tiene que preocuparse por la conversión manual de sus imágenes en la webp.
En este artículo le mostraremos cómo usar este nuevo formato de imagen con WordPress, incluso si aún no se acepta. Vamos a eso. Suscríbase a nuestro canal de YouTube el uso de Optimole para servir WebP en WordPress WebP, como formato de imagen, no de forma predeterminada en WordPress. Puede cargar una imagen .webp, pero al igual que un archivo SVG, encontrará mensajes de error. Y nuevamente, al igual que el uso de archivos SVG con WordPress, hay una solución fácil a través del complemento para ampliar su sitio web de WP.

De los servicios de WebP que hemos probado, nuestro favorito es Optimole. Fuimos muy afortunados cuando logramos trabajar con un ajuste mínimo, por lo que queremos presentarle cómo configurarlo y obtener la instalación de WordPress WebP lo más indoloro posible.
En primer lugar, obviamente, querrá descargar e instalar el complemento en sí. Está en Repo wp.org y es completamente gratuito. Así como el servicio basado en API que lo alimenta (hasta cierto punto). Aunque es posible convertir las imágenes tradicionales en WebP en la marcha utilizando PHP, no todos los host web ofrecen su permiso de servidor. Tiene mucho control con él, pero es uno que requiere más cambios para trabajar sin problemas. Una vez que haya instalado y activado Optimole en su sitio web de WordPress, encontrará una nueva opción de menú de medios. Optimole. Su API Optimole
Antes de que pueda acceder a cualquier configuración o configuración, debe tener una cuenta Optimole. Si ya ha configurado uno, puede hacer clic en la tecla API. De lo contrario, registre la clave API. La cuenta básica de una clave API es gratuita y recibirá alrededor de 5,000 visitas en ese nivel. Si necesita más que eso, hay niveles de precios disponibles.

Optimole define una visita como “cualquiera que visite su sitio una vez [. . .] Cada usuario se cuenta solo una vez. No importa lo que haga en su sitio, cuántas imágenes se descargan o cuántas páginas visitan; Es solo un usuario. Si salen de su sitio y regresan el mismo día, todavía son un solo usuario. ”

Una vez que haya agotado las visitas medidas, solo las imágenes web ya no se transmiten. Tus imágenes mismas no lo hacen. Encontrará la tecla API en el tablero de Optimole justo en la parte superior.
Simplemente pégalo de nuevo al tablero de WordPress y estará listo para comenzar a transmitir imágenes web de WordPress.

Optimole WordPress Panel de WordPress En el tablero de WordPress, obtenga información básica sobre la optimización de su webp. Esto le permite solucionar problemas y evaluar cuán exitosa es la aceleración en realidad. De esta manera, puede ingresar y cambiar varias configuraciones. Primero, consulte la cuenta conectada a la API, y en la parte inferior de la pantalla, el complemento muestra las últimas imágenes optimizadas. Puede ver qué tan pequeñas son las imágenes WebP que se han transmitido desde las originales que ha cargado en WordPress.


Luego está la posible pestaña Problemas en la parte superior. A nadie le gusta ver la pestaña resaltada, pero también debemos ver qué conflictos podrían ocurrir.

El principal problema que hemos enfrentado son otros complementos de compresión y la entrega de imágenes. Como puede ver en la imagen de arriba, el complemento JetPack funciona de una manera similar a la APIT de Photon para que pueda superar los extremos. Para nosotros, esto se ha manifestado como ninguna imagen que se entregó al visitante. No tuvimos problemas con otros servicios de compresión como TinyPng o Smush.
Utilizando pinturas a bordo si desea información más detallada sobre cómo funciona su sitio webp, el panel de control externo Optimole tiene esta información para usted.

En lugar de ser simplemente 9.5 veces más pequeño, puede ver las dimensiones reales de los archivos que se han transmitido. Lo mismo que se archiva durante un período de 30 días.
También puede configurar las marcas de agua en el tablero de Optimole (WP) para que cuando alguien obtenga una webp de su sitio de WordPress, tenga su logotipo automáticamente blazonado. Es un proceso simple y obtienes control sobre la opacidad, la ubicación, etc., en esencia, puedes hacer las mismas cosas de ambos paneles. Ya sea en la pestaña Configuración de WordPress, o visitar la línea exterior desde Optimole. Depende completamente de lo que haga más cómodo, así como del nivel de datos que necesita a la vez. Además, podrá controlar el nivel de compresión, la carga perezosa y cuándo / si ciertas imágenes se sirven como webp basadas en los nombres de los archivos. Todo esto encontrará en la configuración en los medios: Optimole.

La mejor parte del uso de sitios de WordPress WebP es que no tiene que trabajar con archivos manualmente. Sin cargas adicionales, sin tiempo de compresión adicional, nada. Debido a la forma en que funcionan las API, todos los cálculos y procesos se ejecutan en tiempo real. Google incluso hizo que Internet funcionara más rápido usando WebP, en lugar de JPG o PNG. Sin embargo, el mayor beneficio es que las imágenes conservan la misma calidad incluso con sus pequeñas dimensiones. Google puede ser autoservado para ayudarlo a usar su formato para acelerar su sitio para que puedan clasificarlo anteriormente, la experiencia del usuario final también es mejor. Y eso importa al final.

¿Qué piensa sobre servir imágenes de WebP a los visitantes de su sitio web? Imagen presentada por el artículo de Vladwel / Shutterstock.com