Cómo convertir a WebP todas las imágenes en el MODx

CDN OptiPic — solución simple al problema "Serve images in next-gen formats"
Según recomendaciones
Google PageSpeed Insights
Conexión fácil
en 5 minutos
Video de instrucciones
en 2 minutos
Soporte técnico gratuito
+ ayuda para la instalación
Convert WebP inteligente sobre la marcha
¿Qué hace OptiPic CDN cuando intenta solicitarle una imagen?:
  • Devuelve la versión WebP de la imagen.
    si el navegador admite el formato WebP
  • Devuelve una versión comprimida sin webp
    si el navegador no es compatible con WebP
  • Responde a las pantallas móviles
    si la imagen se abre desde un móvil
  • Cachés y acelera
    la carga
    reduciendo la carga de su alojamiento
  • Protege
    tus imágenes
    preservar los derechos de autor mediante etiquetas EXIF e IPTC
  • Usa tu propio
    nombre de dominio
    para cargar imágenes desde img.dominio.com, etc.
  • Carga perezosa
    imágenes
    Imágenes se cargan a medida que se desplaza por las páginas.
La convert a Webp y la compresión de imágenes se produce en segundo plano y no ralentiza la apertura de imágenes en el navegador.
Si la versión optimizada aún no está lista en el momento de la solicitud de imagen, la versión original se devuelve sin ningún procesamiento.

Instrucciones en video para configurar el módulo MODx

5 sencillos pasos para conectar WebP a MODx

Paso #1: Descargar complemento MODx WebP

Descargue e instale el complemento OptiPic de CDN oficial para MODx en su sitio.

Paso #2: Regístrese en OptiPic CDN

Regístrese en su cuenta OptiPic CDN y agregue un nuevo sitio a su panel de control CDN.

5 sencillos pasos para conectar WebP a MODx: pic #3

Paso #3: Copiar ID del sitio

Copie el ID del sitio web creado en el portapapeles (Ctrl + C)

5 sencillos pasos para conectar WebP a MODx: pic #4

Paso #4: Pegue la ID del sitio en el complemento MODx WebP

Vaya a la página de configuración del complemento previamente instalado en su sitio.

Pegue el ID del sitio copiado en el campo de configuración correspondiente.

Paso #5: Guarde su configuración

Guardar configuración del plugin. Limpia la caché en el panel de control MODx.

Cambie otras configuraciones de complementos si es necesario

Descripción de la configuración del módulo


Site ID in your personal account CDN OptiPic (ID del sitio en su cuenta personal CDN OptiPic)
Puede averiguar el ID de su sitio web en su cuenta personal de CDN OptiPic. Agregue su sitio a su cuenta si aún no lo ha hecho.
Para desactivar la fidelidad automática, simplemente borre el ID del sitio.
Domain list (if images are loaded via absolute URL) (Lista de dominios (si las imágenes se cargan a través de una URL absoluta))
Cada uno en una nueva línea y sin especificar el protocolo (http/https).
Site pages that do not include auto-replace (Páginas del sitio que no incluyen reemplazo automático)
Cada uno en una nueva línea y debe comenzar con una barra inclinada (/)
Replace only URLs of images starting with a mask (Reemplace solo las URL de las imágenes que comienzan con una máscara)
Cada uno en una nueva línea y debe comenzar con una barra inclinada (/)
List of 'srcset' attributes (Lista de atributos 'srcset')
Lista de atributos de etiqueta, en los que debe reemplazar srcset-markup de imágenes
¿Qué es srcset?
Ejemplos:
srcset
data-srcset
CDN domain (dominio CDN)
Dominio a través del cual funcionará CDN OptiPic. Puede usar su subdominio (img.yourdomain.com, optipic.yourdomain.com, etc.) en lugar del estándar cdn.optipic.io. Para conectar su subdominio, comuníquese con el soporte técnico de OptiPic.
Qué obtiene la optimización de las imágenes en el sitio
  • Acelerando
    el sitio
  • Mejorando
    SEO
  • Aumento
    de la conversión
  • Aumento de Google
    Pagespeed Insights

A medida que avanza la tecnología, los usuarios se encuentran cada vez más con el formato WebP al descargar imágenes en sus ordenadores. Este formato, desarrollado por Google, permite subir imágenes de alta calidad y compactas a los sitios web. No solo se pueden ver estas imágenes en un navegador, sino también en portátiles y smartphones.

Las imágenes pueden ralentizar significativamente el tiempo de carga de un sitio web y aumentar los costos de alojamiento. Los propietarios de sitios web a menudo luchan por encontrar un equilibrio entre calidad y capacidad. El clásico formato JPEG no siempre produce los resultados deseados, especialmente para gráficos pequeños. PNG a menudo se utiliza como alternativa, pero es mucho más pesado.

El nuevo formato WebP de Google ofrece la mejor combinación de tamaño de archivo y calidad. Desarrollado hace más de una década, ha sido probado en muchos servicios de Google y es muy recomendado por Google PageSpeed Insights. Sin embargo, pueden surgir problemas de compatibilidad con navegadores menos comunes. Para evitar la visualización incorrecta de imágenes, se recomienda asegurarse de que se muestren en los formatos habituales más pesados.

Convertir los antiguos formatos PNG/JPEG a WebP es fácil con varias utilidades disponibles. Sin embargo, convertir todas las imágenes de un sitio ya creado puede ser una tarea desalentadora. Se pueden utilizar utilidades especiales, como OptiPic CDN, para comprimir imágenes MODX convirtiendo PNG/JPEG a WebP. Este servicio no solo convierte y proporciona mejora progresiva, sino que también alivia la carga en el alojamiento del sitio, acelerando el retorno de las imágenes debido a la optimización y el almacenamiento en caché adicionales.

El proceso de instalación del complemento OptiPic CDN es sencillo y puede ser realizado por cualquier persona. El complemento entrega archivos WebP a los usuarios si su navegador admite este formato. Si no es así, devuelve una versión comprimida de una imagen en el formato antiguo. El servicio también adapta las imágenes a las pantallas estrechas de los teléfonos y realiza el almacenamiento en caché para acelerar la carga de las imágenes.

En conclusión, el formato WebP ofrece una gran solución para que los propietarios de sitios web optimicen sus imágenes sin sacrificar la calidad. Si bien pueden surgir problemas de compatibilidad con navegadores menos comunes, el uso de un servicio como OptiPic CDN puede automatizar el proceso de conversión y aliviar la carga en el alojamiento del sitio.

WebP es un formato de imagen de vanguardia desarrollado por Google que ofrece una serie de ventajas tanto para los desarrolladores web como para los usuarios. Estas incluyen:

  • Reducción del tamaño del archivo: Las imágenes en formato WebP son hasta un 34% más pequeñas que sus equivalentes en JPEG y PNG de igual calidad. Esto se traduce en tiempos de carga más rápidos y un menor uso de ancho de banda.
  • Mejora de la calidad de imagen: WebP utiliza técnicas avanzadas de compresión que mantienen la calidad de la imagen mientras reducen el tamaño del archivo. Como resultado, las imágenes se ven mejor que las imágenes MODX o PNG de tamaño comparable.
  • Soporte de transparencia: WebP admite tanto la transparencia con pérdidas como la sin pérdidas, lo que lo convierte en una opción versátil para las imágenes con fondos transparentes.
  • Compatibilidad con navegadores amplia: La mayoría de los navegadores modernos, incluidos Google Chrome, Firefox y Microsoft Edge, admiten WebP. También se puede convertir fácilmente a otros formatos de imagen para su compatibilidad con navegadores más antiguos.

¿Por qué Google hizo que WebP fuera de código abierto?

Google lanzó WebP como código abierto para proporcionar un formato de imagen más eficiente y rápido para la web. Al utilizar técnicas avanzadas de compresión, WebP reduce el tamaño del archivo de las imágenes sin sacrificar la calidad. Esto conduce a tiempos de carga más rápidos y una mejor experiencia de usuario para los visitantes del sitio web. Además, al hacer que WebP sea de código abierto, Google anima a los desarrolladores a contribuir al proyecto y mejorar el formato con el tiempo.

¿WebP admite visualización progresiva o entrelazada?

Sí, WebP admite tanto la visualización progresiva como la entrelazada. La visualización progresiva carga la imagen en múltiples pasadas, lo que permite que se muestre una versión de baja resolución de la imagen rápidamente mientras se carga la versión de alta resolución en segundo plano. La visualización entrelazada carga la imagen en una serie de líneas horizontales, lo que permite que se muestre una versión rudimentaria de la imagen rápidamente mientras se cargan los detalles más finos en segundo plano.

WebP sin pérdidas y con pérdidas

WebP ofrece formatos de imagen sin pérdidas y con pérdidas. WebP sin pérdidas comprime las imágenes sin perder datos ni calidad, lo que lo convierte en un formato eficiente para almacenar y compartir imágenes de alta resolución como fotografías y gráficos con texto. WebP con pérdidas utiliza técnicas de compresión para reducir el tamaño del archivo, lo que lo hace ideal para imágenes que no requieren altos niveles de detalle o claridad, como miniaturas o imágenes de fondo.

¿Por qué WebP (con pérdidas) es mejor que JPEG?

La codificación de predicción, la cuantificación adaptativa por bloques, el filtrado y la codificación aritmética booleana de WebP superan la codificación Huffman de JPEG, lo que resulta en una mejora del 5% al 10% en la compresión.

Comience ahora con el paquete GRATUITO

Pago único — sin pagos mensuales

El paquete comprado no se agota a fin de mes; es ventajoso comprarlo con varios meses de anticipación
Usted paga por las vistas de las imágenes de CDN. El costo total de uso depende de la cantidad de tráfico a su sitio. En promedio, esto es de $ 1.5 por cada 1,000,000 de vistas de imágenes.
La primera demostración de 10,000 de visitas es gratuita.
10,000
puntos de vista

gratis

1,000,000
puntos de vista

10,00 US$ 7,00 US$

2,000,000
puntos de vista

14,00 US$ 10,00 US$

5,000,000
puntos de vista

24,00 US$ 18,00 US$

10,000,000
puntos de vista

40,00 US$ 30,00 US$

20,000,000
puntos de vista

74,00 US$ 55,00 US$

50,000,000
puntos de vista

165,00 US$ 123,00 US$

80,000,000
puntos de vista

235,00 US$ 176,00 US$

100,000,000
puntos de vista

282,00 US$ 211,00 US$

Nos recomiendan

189 opiniones

OptiPic se integra fácilmente con otras plataformas

?