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

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 PrestaShop

5 sencillos pasos para conectar WebP a PrestaShop

Paso #1: Descargar complemento PrestaShop WebP

Descargue e instale el complemento OptiPic de CDN oficial para PrestaShop 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 PrestaShop: 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 PrestaShop: pic #4

Paso #4: Pegue la ID del sitio en el complemento PrestaShop 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 PrestaShop.

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

Al descargar imágenes en una computadora, los usuarios se enfrentan cada vez más al nuevo formato WebP. Este es un formato de imagen de Google que permite a los webmasters cargar imágenes de alta calidad y al mismo tiempo compactas en el sitio. También se pueden ver en una computadora portátil o un teléfono inteligente, y no solo en un navegador.

Las imágenes publicadas en el sitio pesan mucho más que el texto. Ralentizan la carga del sitio y requieren un aumento constante en los costos de alojamiento. Por lo tanto, los propietarios de sitios se ven obligados a encontrar un compromiso entre calidad y capacidad.

El clásico JPEG no siempre logra el resultado deseado. Especialmente si se necesita una buena gráfica de tamaño pequeño. Por lo tanto, muchos propietarios de sitios utilizan PNG como alternativa, que proporciona una imagen de alta calidad. Pero el formato pesa mucho más. Por lo tanto, el sitio es difícil.

El nuevo desarrollo de Google, WebP, proporciona la mejor combinación de tamaño de archivo y calidad. El compromiso entre el volumen y el resultado es casi imperceptible. El formato se desarrolló hace más de 10 años. Durante este tiempo, ha sido ampliamente probado en muchos servicios de Google. Se puede recomendar con seguridad a los propietarios de sitios. 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.

Pero con este formato, como con cualquier otro, especialmente los nuevos, pueden surgir problemas al usar navegadores menos comunes. 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 logra de dos maneras. Introduciendo ciertos algoritmos en el código, cuando se muestra a los propietarios de navegadores universales una versión completamente funcional del sitio, incluidas todas las últimas características y desarrollos, y se muestra una versión simplificada a los propietarios de navegadores raros o versiones obsoletas de los conocidos. O con la ayuda de complementos especiales que le permiten hacer todo a través de una interfaz comprensible para el usuario promedio.

A primera vista, este enfoque parece ser ineficaz. Pero esta impresión es engañosa. Porque aquellos que se niegan a mejorar el recurso, desde el uso de nuevas soluciones amigables para el usuario, inevitablemente juegan en la carrera competitiva. La mejora progresiva, incluso si es necesario admitir temporalmente dos formatos, se amortiza.

Formalmente, convertir los antiguos formatos PNG / JPEG a WebP es fácil. Para esto, se han creado muchas utilidades. ¿Pero cómo convertir todas las imágenes de un sitio ya creado? Este es el problema al que se enfrentan la mayoría de los propietarios de sitios. Dado que la optimización de imágenes de Prestashop manualmente es una tarea extremadamente laboriosa.

La mayoría de las veces, se utilizan utilidades especiales para comprimir imágenes de Prestashop convirtiendo PNG / JPEG a WebP. Programas que permiten realizar este trabajo que consume mucho tiempo en unos pocos clics. La funcionalidad de los diferentes complementos no es la misma. Algunos ofrecen una simple transformación, mientras que otros conservan los formatos antiguos necesarios para usuarios con navegadores más antiguos.

La efectividad de los complementos tampoco es la misma. Los buenos hacen la conversión rápidamente y sin problemas. Ya que es cuidadosamente probado por los desarrolladores. Otros, generalmente gratuitos y muy baratos, a menudo dan errores debido a problemas de compatibilidad con la versión de la plataforma u otras aplicaciones.

Uno de los mejores es OptiPic CDN. El servicio automatiza la compresión de imágenes de Prestashop, lo que le permite instalar un módulo de integración listo para usar para esta CMS en el sitio. Es este el que se utiliza con mayor frecuencia al optimizar para PageSpeed, ya que OptiPic CDN no solo convierte y proporciona una mejora progresiva, sino que también alivia la carga en el alojamiento del sitio, acelerando el retorno de imágenes debido a la optimización y el almacenamiento en caché adicionales.

Para acelerar Prestashop utilizando el servicio OptiPic CDN, es necesario descargar e instalar el complemento para Prestashop en su sitio web utilizando la instrucción de video ubicada en la página principal del servicio. El proceso de instalación es simple y generalmente no causa dificultades incluso para principiantes. Cualquier usuario puede hacer frente a la tarea.

El complemento 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 Prestashop.

La aplicación adapta las imágenes a las pantallas de teléfonos estrechos si el usuario está viendo el sitio desde un dispositivo móvil.

Realiza el almacenamiento en caché para una carga acelerada de imágenes para que el sitio funcione más rápido y cargue menos alojamiento.

Se 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 comodidad del servicio, para entender cómo le conviene. Las vistas gratuitas se acreditan inmediatamente después del registro.

WebP

WebP, desarrollado por Google, es un formato de imagen que proporciona numerosas ventajas sobre otros formatos. Aquí hay solo algunos:

  • Tamaño de archivo más pequeño: las imágenes WebP son hasta un 34% más pequeñas que las imágenes JPEG y PNG de la misma calidad. Esto se traduce en tiempos de carga más rápidos y menos uso de ancho de banda.
  • Mejora de la calidad de la 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 con pérdida y sin pérdida, lo que lo convierte en un formato versátil para imágenes con fondos transparentes.
  • Amplia compatibilidad con navegadores: 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.

Entonces, ¿por qué Google lanzó WebP como código abierto? El objetivo de Google era 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 comprometer la calidad. Esto se traduce en tiempos de carga más rápidos para los sitios web y una mejor experiencia de usuario para los visitantes. Google también anima a los desarrolladores a contribuir al proyecto y mejorar el formato con el tiempo.

WebP admite tanto la visualización progresiva como la entrelazada, lo que permite que se muestren versiones de baja resolución o ásperas de la imagen rápidamente mientras se cargan en segundo plano la resolución más alta o los detalles más finos.

Existen dos tipos de WebP: sin pérdida y con pérdida. WebP sin pérdida comprime imágenes sin perder ningún dato o calidad, lo que lo convierte en un formato eficiente para almacenar y compartir imágenes de alta calidad. WebP con pérdida utiliza técnicas de compresión con pérdida para reducir el tamaño del archivo, lo que lo hace ideal para imágenes que no requieren altos niveles de detalle o claridad.

De hecho, WebP (con pérdida) supera a JPEG gracias a su codificación de predicción, cuantificación adaptativa por bloques, filtrado y codificación aritmética booleana. Este último proporciona una mejora del 5% al 10% en la compresión en comparación con la codificación Huffman.

En general, WebP ofrece numerosas ventajas tanto para los desarrolladores web como para los usuarios. Con sus tamaños de archivo más pequeños, mejor calidad de imagen y versatilidad, no es de extrañar que WebP esté ganando cada vez más popularidad.

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

?