homefinance blog
¿Busca el mejor complemento de WordPress para convertir sus imágenes en WebP? Usted vino al lugar correcto. Si está tratando con toneladas de imágenes y se esfuerza por reducir y optimizar el tamaño de sus archivos de imagen, entonces su conversión a WebP es una estrategia inteligente. WebP es un formato de nueva generación para la web, creado por Google, que reduce significativamente el tamaño del archivo JPEG, GIF y PNG Images. El uso de este formato significa imágenes más optimizadas, un sitio más rápido y un mejor nivel de rendimiento en las ideas de PageSpeed.
Google recomienda transmitir imágenes en formatos WebP o AVIF-fuente: PageSpeed Insights Por qué elegir un complemento de WordPress para su sitio web mientras puede convertir sus imágenes en su webp manualmente usando Photoshop o boceto, un complemento de WordPress es mucho más conveniente y puede guardarle Tons de horas. Para ayudarlo a elegir, enumeré a continuación 4 características importantes para buscar al elegir un complemento de WordPress.
Las características principales a buscar en un complemento webp más importantes para verificar al elegir un complemento webp son:
Función de bloque: si tiene cientos de imágenes en su biblioteca de WordPress, necesitará un solo botón para convertirlas todas en un solo clic. Eso te hará ahorrar mucho tiempo.
Verificación de compatibilidad del navegador: cuando el navegador está cargando una imagen, el complemento debe verificar si acepta el formato webp. Para una buena experiencia de usuario, querrá transmitir imágenes webp solo a navegadores que acepten este formato y regresen a los formatos JPEG o PNG para los clientes que no pueden subirlo.
Pequeño tamaño del tamaño de la imagen: no olvide verificar el tamaño del archivo antes y después de convertirlos en WebP: debe ahorrar del 25% al 40% del tamaño del archivo de imagen convertido.
Conversión de imágenes realizadas a través de un servidor remoto: verifique si los desarrolladores de complementos usan sus propios servidores para optimizar y convertir las imágenes, para que no afecten sus recursos.
Ahora que sabe qué buscar en un complemento de conversión WebP, podemos superar los 4 mejores complementos de WordPress.
Los mejores complementos de WordPress WebP WordPress son cuatro complementos de WordPress que puede usar para convertir sus imágenes en WebP:
Imaginar
Converter web para medios
Shortpíxel
WebP Express
Las imágenes no opolectadas son a menudo una de las razones por las cuales un sitio web es lento. Afortunadamente, hay algunos complementos de WordPress que pueden ayudarlo a convertir sus imágenes en unos pocos clics. Para compararlos y ver cuántos datos pueden ayudarnos a guardar la conversión de JPEG a WebP. Importante: mi imagen JPEG original pesa 119 KB y aplicaré un nivel de compresión del 85% para cada complemento.
Fuente de imagen JPEG original: WordPress 1. Imagine Imagify es uno de los mejores complementos WebP que optimiza automáticamente sus imágenes, las convierte en WebP y las corrige correctamente. Toda la optimización se realiza en su propio servidor, para no afectar su propio ancho de banda. El panel de Imagify con fuente de conversión WebP: Imagifify para observar el nuevo tamaño de mi imagen webp con una compresión del 85%, debemos abrir DevTools desde la parte delantera del sitio. Abra la columna “IMG” y verifique qué tan fácil es la imagen (119kb a 21kb). El tamaño de la imagen webp: 21kb – Fuente: DevTools para resumir, aquí cuántos ahorros hice con la conversión de imágenes imagificadas en WebP y su compresión a 85 % (Ultra Mode):
| jpeg (kb) | webp (kb) y % guardado | peso de página (gtmetrix) | WebP Page Weight (gtmetrix) | 119 kb | 21 kb (-82%) | 1.23 mb (imágenes Representa el 12% del tamaño total de la página) | 865 kb (las imágenes representan el 3% del tamaño total de la página) |
Imagify Precios: Imagify se puede usar de forma gratuita para hasta 20 MB de datos por mes o puede pagar $ 9.99 por mes por imágenes ilimitadas.
Fuente de precio: imagen 2. convertidor web para los medios Con este complemento Freemium, puede convertir fácilmente las imágenes en WebP y puede acelerar su sitio sin perder demasiada calidad. El proceso es simple, después de instalar el complemento que no tiene que hacer nada, sus imágenes actuales simplemente se convertirán en WebP.
Conversión WebP – Fuente: WebP Converter para medios también tiene este botón útil que le permite convertir todas las imágenes de la biblioteca y las que vendrán en el futuro, con un solo clic: Genere todas las versiones de WebP – Fuente: Converter WebP para medios cuando regeneré Todos ellos, logré ahorrar el 50% del peso total de mis imágenes:
Guardar hasta el 50% del peso de la imagen – Fuente del convertidor WebP para los medios importantes: no verá los archivos convertidos en su biblioteca de WordPress, pero debe abrir las herramientas de desarrollo en Chrome y mostrar la siguiente columna de “imagen”.
Tamaño de imagen de WebP: 74.7kb – Fuente: DevTools He aquí cuántos datos guardé convirtiendo mis imágenes en WebP y comprendiendolas a 85%:
| jpeg (kb) | webp (Kb) y % guardado | El peso de la página JPEG (GTMetrix) | webp (gtmetrix) | 119 kb | 74.7 kb (-39%) | 1.23 MB (las imágenes representan el 12% del tamaño total de la página) | 1.05 MB (las imágenes representan el 6% del tamaño total de la página) |
Tenga en cuenta que el servidor remoto para la conversión y la optimización de las imágenes solo está disponible en su versión Pro, comenzando en $ 5 por mes para 10,000 imágenes. 3. ShortPixel ShortPixel es un complemento de compresión Freemium que le permite convertir sus archivos en WebP. Ofrece pérdidas y pérdidas para los tipos más comunes de imágenes (JPG, PNG, GIF, WebP y AVIF) más archivos PDF.
Opción WebP y compresión al 85% – Fuente: ShortPixel Puede usar la opción de bloque para convertirlos en WebP y comprimirlos utilizando el nivel de compresión de pérdidas (85%): Opción de Bully WebP – Fuente: ShortPixel para verificar el nuevo tamaño de Los archivos convertidos, accedan a las herramientas de desarrollo en Chrome y muestre la columna “Imagen” como se muestra a continuación:
Tamaño de imagen de WebP: 55.2kb – Fuente: Detools Aquí hay una configuración de píxeles cortos en mi imagen al convertir mis imágenes en webp y comprimirlas a 85%:
td> Webp (kb) y % guardado
ShortPixel tiene un plan gratuito que le permite optimizar ~ 100 imágenes por mes. Los planes premium comienzan desde $ 4.99 por mes por hasta 5,000 imágenes/créditos o $ 9.99 por un paquete de 10,000 créditos.
4. Web Express Web Express es otro complemento gratuito que sirve imágenes webp generadas automáticamente en lugar de JPEG/PNG para navegadores que aceptan WebP.
WebP de conversión y compresión al 85%- Fuente: WebP Express para ver los resultados, acceder a DevTools nuevamente y filtrar los resultados por imágenes. Todas mis imágenes fueron comprimidas y convertidas a WebP:
Tamaño de imagen de WebP: 32.4 KB – Fuente: DevTools Para resumir, así es como guardé la conversión de mis imágenes en WebP y su compresión a 85%:
En conclusión, Imagify es el complemento que ha reducido la mayor cantidad de tamaño de archivo, pasando de 119 kb a 21 kb, lo que significa 82% de ahorros.Además, el peso de la página disminuyó de 1.23 MB a 865 kb debido a Imagify.
<
La conversión de sus imágenes en WebP es un buen comienzo, pero no lo suficiente como para acelerar su sitio significativamente el WordPress y obtener una puntuación óptima En Pagespeed Insights. Se pueden aplicar varias técnicas de optimización de imágenes y así es exactamente cómo Imagify puede ayudar.
El impacto de la imagen de Imagify proporciona un aumento en la velocidad de su sitio de WordPress, lo que hace que la página sea mucho más fácil en solo unos pocos clics. Es uno de los mejores complementos de compresión de imágenes que le permiten reducir el tamaño del archivo de archivo.
Cuando se trata de optimización de imágenes, hay algunas partes de la auditoría de información de la página de páginas que deberían ser considerado, como: servir imágenes en formatos de nueva generación (webp)
Codificar efectivamente las imágenes (comprimirlas y optimizarlas correctamente para la web)
El tamaño correcto de las imágenes
Los elementos de la imagen no tienen ancho y altura explícitos
Afortunadamente, Imagify puede ayudarlo a solucionar todos estos problemas de rendimiento de la imagen. Veamos cómo, con una breve auditoría en PageSpeed Insights para dispositivos móviles. Presentaré algunos resultados de rendimiento y la sección de auditoría con y sin imagorias. Sin Imagify, así es como muestra mi sitio de prueba móvil:
Valores de rendimiento sin Imagify – Fuente: PageSpeed Insights PageSpeed Insights también indica algunos problemas de imagen. Por ejemplo, si transmito imágenes en la webp, ¡ahorramos hasta 2.25 s!
Resultados de PSI sin imágenes de imagen: PageSpeed Insights con Imagify, el rendimiento de rendimiento ha mejorado y ha pasado de 55/100 a 68/100. Puede abordar todos los problemas de rendimiento informados por PSI. Por ejemplo, los problemas de rendimiento cruciales relacionados con la memoria de caché, JS o CSS se pueden administrar mediante un complemento de palabras de caché de cohetes.
Imagine mejorar la fuente de puntaje de PSI: PageSpeed Insights Como se mencionó anteriormente, Imagify también ha remediado algunas advertencias de PSI, como “Servir imágenes en formatos de generación. A continuación”, “Efective The Image” e “Images con el tamaño correcto “. Ha optimizado todas las imágenes de mi página y las ha convertido en un solo clic.
La auditoría ha pasado con Imagify – Fuente: PageSpeed Insights concluyendo la optimización de imágenes y el uso del formato correcto juega un papel muy importante en su nota de rendimiento y en su Google. Imagify es uno de los mejores complementos para convertir las imágenes en la webp y comprimirlas sin comprometer la calidad. ¡El poderoso complemento de optimización nos permitió tener una auditoría total en PageSpeed Insights y reducir el tamaño de nuestro archivo de imagen en un 80%! Ahora que sabe por qué las imágenes de WebP son esenciales para acelerar su sitio, ¿por qué no imagificar intentando? ¡Es completamente gratuito y el único riesgo que corre es ver que su sitio se cargue más rápido!
Check Also
Cum să îmbunătățești designul site-ului web utilizând Logo Carusel și Testimonial Carusel
Cum să îmbunătățești designul site