Cómo usar imágenes AVIF de WordPress (método fácil)

Publicado: 2023-03-26

Agregar imágenes es una manera fácil de hacer que sus páginas web sean más atractivas. Sin embargo, los tamaños de archivo grandes pueden ralentizar su sitio, creando una mala experiencia de usuario (UX) para sus visitantes. Es por eso que vale la pena probar un formato de imagen alternativo, como el uso de imágenes AVIF de WordPress.

Las imágenes AVIF no solo son pequeñas, sino que también utilizan un mejor tipo de compresión. Al elegir este formato de imagen, puede mantener su sitio web ligero y rápido mientras muestra fotos nítidas y de alta resolución.

avif WordPress

En esta publicación, veremos los pros y los contras de las imágenes AVIF y le mostraremos cómo usarlas en WordPress. ¡Empecemos!

Aprende a usar fácilmente las #imágenes de #AVIF #WordPress ️ para mejorar la velocidad de tu sitio ️
Haz clic para twittear

Los pros y los contras de usar AVIF en WordPress

El formato de archivo de imagen AV1 (AVIF) es un formato de imagen de próxima generación que intenta abordar algunas deficiencias de alternativas como WebP. Al igual que WebP, AVIF se basa en un algoritmo de codificación de video. Sin embargo, WebP solo admite resoluciones de 8 bits. Esto significa que las imágenes pueden aparecer borrosas, manchadas o pixeladas.

AVIF, por otro lado, puede extenderse a resoluciones de 12 bits. Para completar eso, AVIF usa un algoritmo de compresión con pérdida más eficiente que es ideal para animaciones, videos y fotos con fondos transparentes. Puede ofrecer bordes de imagen limpios y nítidos con tamaños de archivo muy pequeños.

Mejor aún, gracias a estos tamaños de archivo más pequeños, usar AVIF es una excelente manera de aligerar la carga en su servidor. Esto no solo puede ahorrar ancho de banda, sino que también le permite crear una UX estelar al mejorar los tiempos de carga. Dado que la velocidad es un factor de clasificación para Google, optar por AVIF podría ayudarlo a mejorar su clasificación de búsqueda.

La principal desventaja de usar AVIF en WordPress es la falta de compatibilidad total con el navegador.

Dado que AVIF es un formato relativamente nuevo, actualmente solo lo reconocen Chrome y Firefox (y con compatibilidad con Technology Preview en Safari).

En general, el sitio web de recursos Can I Use estima que solo alrededor del 83 % de los usuarios de Internet utilizan navegadores compatibles con AVIF a principios de 2023 [1] .

Soporte de imagen de AVIF WordPress en navegadores
Fuente - ¿Puedo usar

Además, AVIF no es compatible con WordPress de forma predeterminada.

Sin embargo, no se preocupe: si usa la herramienta de nuestra guía de imágenes AVIF de WordPress a continuación, agregará compatibilidad con AVIF a WordPress y se asegurará automáticamente de que solo sirva imágenes AVIF a los visitantes cuyos navegadores admitan el formato.

Cómo configurar las imágenes AVIF de WordPress (en dos pasos)

Si ha decidido que AVIF es el camino a seguir en su sitio de WordPress, ¡estamos aquí para ayudarlo! Veamos cómo utilizar este formato de imagen de forma rápida y sencilla:

  • Paso 1 : Instale y active Optimole en WordPress
  • Paso 2 : habilite la conversión de imágenes AVIF WordPress

Paso 1: Instala y activa Optimole en WordPress

Una de las formas más fáciles de usar AVIF en WordPress es instalar un complemento como Optimole. Es una herramienta de optimización de imágenes de servicio completo que le permite cambiar el tamaño, comprimir y optimizar todas las fotos en su sitio.

Optimole no solo le permite usar AVIF en WordPress, sino que también puede aprovechar otras funciones, como la carga diferida. Además, puede descargar sus imágenes a la red de entrega de contenido (CDN) de última generación de Optimole.

Primero, deberá instalar y activar el complemento Optimole. En su tablero de WordPress, vaya a Complementos > Agregar nuevo . Luego, busque "Optimole" en la barra de búsqueda y haga clic en Instalar ahora :

Instale el complemento Optimole en WordPress

Esto sólo tomará unos segundos. Luego, presiona Activar .

En este punto, se le pedirá que cree una cuenta e ingrese su clave API única para conectarse a la plataforma Optimole:

Crear una cuenta Optimole

Si su dirección de correo electrónico es correcta, haga clic en Crear y conectar su cuenta .

A continuación, debe recibir su clave API por correo electrónico, así que copie la clave en su portapapeles. Luego, vuelva a WordPress y diríjase a Medios > Optimole .

Aquí, seleccione Ya tengo una clave de API . Luego, ingrese su clave y haga clic en Conectar a Optimole :

Agregue su clave API de Optimole

Una de las mejores cosas de Optimole es que funciona automáticamente en el fondo de su sitio. Entonces, si está buscando una herramienta simple de optimización de imágenes, puede dejar que el complemento haga su trabajo. Sin embargo, para habilitar la conversión de imágenes de AVIF WordPress, deberá continuar con el siguiente paso.

Paso 2: habilite la conversión de imágenes AVIF WordPress

Ahora que tiene Optimole en su sitio de WordPress, puede acceder a un tablero dedicado. Aquí, puede monitorear la cantidad de imágenes que Optimole ha optimizado para usted. Además, puede averiguar su tasa de compresión promedio y ver sus visitas mensuales.

Además, puede modificar la configuración del complemento en este panel. Como mencionamos antes, algunas de las configuraciones de Optimole funcionan automáticamente. Sin embargo, deberá alternar una configuración específica para habilitar las imágenes AVIF de WordPress.

Dirígete a Medios > Optimole . Luego, cambie a la pestaña Configuración :

Configuración general de Optimole además de la conversión de imágenes de AVIF WordPress

Deberá abrir la pestaña Avanzado y seleccionar Compresión . Desplácese hacia abajo en la página y busque Habilitar conversión de avif . Luego, active la configuración para habilitar AVIF en WordPress:

Habilite las imágenes AVIF de WordPress con Optimole

Una vez que haya hecho esto, Optimole siempre mostrará sus imágenes en formato AVIF, por supuesto, siempre que sus visitantes utilicen un navegador compatible. Si alguna vez cambia de opinión sobre el uso de AVIF, simplemente deshabilite la configuración de conversión de imágenes en el tablero de Optimole.

Ve arriba

Pruebe las imágenes de AVIF WordPress hoy

Agregar imágenes a su sitio es una excelente manera de hacer que su contenido sea más atractivo y transmita información detallada. Sin embargo, si está tratando de mantener pequeños los archivos de imagen, podría terminar comprometiendo su calidad.

Aquí es donde el uso de AVIF en WordPress puede ser una gran opción para acelerar su sitio web mientras ofrece gráficos nítidos y claros.

En resumen, aquí hay dos sencillos pasos para usar AVIF en WordPress:

  1. Instale y active Optimole en su panel de WordPress.
  2. Habilite la conversión AVIF en la configuración del complemento.

¿Tiene alguna pregunta sobre el uso de imágenes AVIF en WordPress? ¡Háganos saber en la sección de comentarios!

Aprende a usar las #imágenes de #AVIF #WordPress ️ para aumentar el rendimiento
Haz clic para twittear

No olvide unirse a nuestro curso intensivo sobre cómo acelerar su sitio de WordPress. Obtenga más información a continuación:

Referencias
[1] https://caniuse.com/avif