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

CDN OptiPic — solución simple al problema "Serve images in next-gen formats"
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
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.
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

Cómo conectar OptiPic CDN a CodeIgniter?

Opción #1: Conexión universal a través del proxy Nginx

Las URL de las imágenes en el sitio no cambian. En este momento, todo el tráfico de imágenes pasa automáticamente a OptiPic CDN
# OptiPic CDN: insert it before the Server structure
upstream cdn_optipic { server cdn.optipic.io; }

# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    set $host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://cdn_optipic;
    }
    
    # get-param ?no_opitpic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}
XXXXXX — ID de su sitio en su cuenta CDN OptiPic
Recomendamos encarecidamente que verifique la corrección de la nueva versión de la configuración antes de reiniciar nginx. Puedes hacer esto con el comando nginx -t.
Soft reload (re-read configs) Nginx puede ser por comando nginx -s reload

Documentación del proxy Nginx
Obtenga ayuda gratuita para conectarse
Compruebe si la imagen se está cargando a través de OptiPic CDN
Obtenga integración gratuita
incluso con una tarifa libre

Opción #2: ¡Simplemente cambie la URL de las imágenes en su sitio!

Fue
no optimizado

<img src="/upload/foo/bar/image.png">

Se ha convertido en
optimizado automáticamente

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — ID de su sitio en su cuenta CDN OptiPic

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 100,000 de visitas es gratuita.
100,000
puntos de vista

gratis

1,000,000
puntos de vista

10,00 US$ 5,00 US$

2,000,000
puntos de vista

14,00 US$ 7,00 US$

5,000,000
puntos de vista

24,00 US$ 12,00 US$

10,000,000
puntos de vista

40,00 US$ 20,00 US$

20,000,000
puntos de vista

74,00 US$ 37,00 US$

Nos recomiendan

Clasificación — 4.55 (122 opiniones)

OptiPic se integra fácilmente con otras plataformas

?