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

¿Qué es el formato WebP y cuáles son sus beneficios?

A medida que los usuarios descargan imágenes en sus computadoras, cada vez se encuentran más con el nuevo formato WebP. Este formato, desarrollado por Google, permite a los webmasters subir imágenes de alta calidad y compactas a sus sitios. Estas imágenes pueden ser vistas en computadoras portátiles, teléfonos inteligentes y no solo en navegadores.

• Las imágenes publicadas en un sitio pesan mucho más que el texto, ralentizando la carga del sitio y aumentando los costos de alojamiento. Los propietarios del sitio deben encontrar un equilibrio entre calidad y capacidad.
• El clásico JPEG no siempre logra el resultado deseado, especialmente cuando los gráficos deben ser pequeños. PNG se usa a menudo como alternativa para imágenes de alta calidad, pero pesa mucho más, lo que dificulta la gestión del sitio.
• El nuevo desarrollo de Google, WebP, proporciona la mejor combinación de tamaño de archivo y calidad. Este formato ha sido probado en muchos servicios de Google y puede ser recomendado a los propietarios del sitio. Google PageSpeed Insights recomienda encarecidamente el uso de WebP en sitios web en lugar de formatos de imagen heredados (PNG/JPEG) para acelerar la carga del sitio.

Sin embargo, pueden surgir problemas al usar navegadores menos comunes con este nuevo formato. Para evitar la visualización incorrecta de imágenes, es necesario asegurarse de que se muestren en los formatos pesados habituales en tales casos. La compatibilidad entre navegadores se puede lograr introduciendo ciertos algoritmos en el código o con la ayuda de plugins especiales.

Convertir los antiguos formatos PNG/JPEG a WebP es fácil con muchas utilidades creadas para este propósito. Pero convertir todas las imágenes de un sitio ya creado puede ser una tarea que consume mucho tiempo. Con mayor frecuencia, se utilizan utilidades especiales para comprimir imágenes de OpenCart convirtiendo PNG/JPEG a WebP. Uno de los mejores es OptiPic CDN, que automatiza la compresión de imágenes de OpenCart, permitiéndole instalar un módulo de integración listo para usar para esta CMS en el sitio.

Para acelerar OpenCart utilizando el servicio OptiPic CDN, es necesario descargar e instalar el plugin para OpenCart en su sitio web utilizando la instrucción de video ubicada en la página principal del servicio. El proceso de instalación es sencillo y por lo general no causa dificultades incluso para principiantes. El plugin convierte y entrega archivos WebP a los usuarios si el navegador admite este formato. Devuelve una versión comprimida de una imagen en el formato antiguo (sin conversión) si las pruebas automatizadas han demostrado que el navegador del usuario no admite WebP OpenCart. La aplicación adapta las imágenes a las pantallas estrechas de los teléfonos si el usuario está viendo el sitio desde un dispositivo móvil. También realiza el almacenamiento en caché para acelerar la carga de imágenes para que el sitio funcione más rápido y cargue menos en el alojamiento. Puede utilizar el servicio de forma gratuita o de pago. La tarifa de prueba da 100,000 vistas de imágenes, que es suficiente para evaluar la conveniencia del servicio y comprender cómo le conviene. Las vistas gratuitas se acreditan inmediatamente después del registro.

Beneficios de WebP

WebP es un formato de imagen desarrollado por Google que ofrece varios beneficios:

• Tamaño de archivo más pequeño: Las imágenes de WebP suelen ser un 25-34% más pequeñas en tamaño en comparación con las imágenes JPEG y PNG de la misma calidad. Esto significa tiempos de carga más rápidos y menor uso de ancho de banda.
• Mejora de la calidad de imagen: WebP utiliza técnicas avanzadas de compresión que preservan la calidad de la imagen mientras reducen el tamaño del archivo. Esto significa que las imágenes se ven mejor que las imágenes JPEG o PNG del mismo tamaño.
• Soporta transparencia: WebP admite transparencia tanto con pérdida como sin pérdida, lo que lo convierte en un formato versátil para imágenes con fondos transparentes.
• Amplio soporte del navegador: WebP es compatible con la mayoría de los navegadores modernos, incluidos Google Chrome, Firefox y Microsoft Edge. También se puede convertir fácilmente a otros formatos de imagen para su compatibilidad con navegadores más antiguos.

¿Por qué Google lanzó WebP como 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. WebP utiliza técnicas avanzadas de compresión para reducir el tamaño del archivo de las imágenes sin comprometer la calidad. Esto resulta en tiempos de carga más rápidos para los sitios web y una mejor experiencia de usuario para los visitantes. Al hacer que WebP sea de código abierto, Google también 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, permitiendo 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, permitiendo que se muestre una versión aproximada de la imagen rápidamente mientras se cargan los detalles más finos en segundo plano.

WebP sin pérdida

WebP sin pérdida es un tipo de formato de imagen que utiliza la tecnología WebP para comprimir imágenes sin perder ningún dato o calidad. Esto significa que la imagen se puede comprimir a un tamaño más pequeño sin pérdida de detalles, lo que lo convierte en un formato más eficiente para almacenar y compartir imágenes en la web. WebP sin pérdida es particularmente útil para imágenes que requieren niveles altos de detalle, como fotografías o gráficos con texto. También es compatible con la mayoría de los navegadores web y se puede integrar fácilmente en sitios web y aplicaciones existentes.

WebP con pérdida

WebP con pérdida es un tipo de formato de imagen que utiliza técnicas de compresión con pérdida para reducir el tamaño de un archivo de imagen. La compresión con pérdida funciona mediante la eliminación de algunos de los datos de la imagen, lo que puede resultar en una reducción de la calidad de la imagen. Sin embargo, la compensación es que el tamaño del archivo resultante es más pequeño, lo que facilita y acelera la carga en la web. WebP con pérdida se utiliza a menudo para imágenes que no requieren niveles altos de detalle o claridad, como miniaturas o imágenes de fondo.

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

WebP supera a JPEG debido a la codificación de predicción, la cuantización adaptativa por bloques, el filtrado y la codificación aritmética booleana. Esta última proporciona una mejora del 5%-10% en la compresión en comparación con la codificación de Huffman.