Jump to content

Edit History

Gerardo Martinez G

Gerardo Martinez G

No habia leido bien 😞 por eso lo modifico
Lo corercto es que subas JPG, y Mejor muestres webp tengo entendido que no hay forma en prestashop de subir webp en la pagina https://github.com/PrestaShop/PrestaShop vi un issue que andaban en planes ya, pero a que salga considero que faltara un buen 😞


Este tema lo resolvimos sin usar modulos

-Nota es para apache2 esta fonfig
-modificando  archivo img/.htaccess (agregar solo webp para que permita usara webp)
-Modificamos .htaccess las Condifiones (RewriteCond), la reescritura a webp (RewriteRule), y tambien 
   Tambien agregramos 1 linea a cada una reescritura para que las imagenes de productos y categorias tambien las muestre correctamente..
image.png.d035edb03f2f09c2364ae964f43f576b.png
    

Empecemos...

img/.htaccess

|wma|flv|webm|ico|webp)$">


.htaccess despues de esta forma verificara primero el archivo existe, si el navegador acepta webp, (y si aceptara entregara url jpg pero la final con funcion webp)
jpe?g|png|gif es para 3 imagenes, te recomiendo empiezes con *.jpg

image.png.e607266d6299eb13f506450e51f2401e.png
 

<IfModule mod_rewrite.c>

  #y antes de reescrivir las imagenes
 
    RewriteCond %{CONTEXT_DOCUMENT_ROOT}/$1.$2 -f
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{CONTEXT_DOCUMENT_ROOT}/$1.webp -f
    RewriteRule ^(.*)\.(jpe?g|png|gif)$ %{CONTEXT_PREFIX}/$1.webp [L,T=image/webp]
  
#justo degajo de estos tipos es donde le diremos que usara mimetype webp
AddType application/font-woff .woff
AddType font/woff2 .woff2
AddType image/webp .webp

#despues del <IfModule mod_headers.c> le diras que respete los head de jpg,png,gif, por que en nuestro caso convertimos los 3 tipos :-)
<IfModule mod_headers.c>
	<FilesMatch "\.(jpe?g|png|gif)$">
		Header append Vary Accept
	</FilesMatch>

y no se te olvide

image.png.25dd3264f672c64d1f6dd41571dbad65.png

image.png.b6d78aa054f9734af2a3faf2b76d8a65.png


-tengo entendido que las lineas de CONTEXT_DOCUMENT_ROOT CONTEXT_PREFIX son diferentes antes de apache2 v2.4.35 
-Trata de hacer una leida https://developers.google.com/speed/webp/docs/cwebp para convertir las imagenes

Se que es algo tedioso que puse, pero aqui tendras una gran idea de por donde puedes ir empezando y nosotros lo logramos sin modulos, no te lo pongo completo por que cada hosting, serverhttp son direfentes o si uses nginx es diferente, pero espero haber dejado algo de aporta por donde empezar 🙂

Gerardo Martinez G

Gerardo Martinez G

Este tema lo resolvimos sin usar modulos

-Nota es para apache2 esta fonfig
-modificando  archivo img/.htaccess (agregar solo webp para que permita usara webp)
-Modificamos .htaccess las Condifiones (RewriteCond), la reescritura a webp (RewriteRule), y tambien 
   Tambien agregramos 1 linea a cada una reescritura para que las imagenes de productos y categorias tambien las muestre correctamente..
image.png.d035edb03f2f09c2364ae964f43f576b.png
    

Empecemos...

img/.htaccess

|wma|flv|webm|ico|webp)$">


.htaccess despues de esta forma verificara primero el archivo existe, si el navegador acepta webp, (y si aceptara entregara url jpg pero la final con funcion webp)
jpe?g|png|gif es para 3 imagenes, te recomiendo empiezes con *.jpg

image.png.e607266d6299eb13f506450e51f2401e.png
 

<IfModule mod_rewrite.c>

  #y antes de reescrivir las imagenes
 
    RewriteCond %{CONTEXT_DOCUMENT_ROOT}/$1.$2 -f
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{CONTEXT_DOCUMENT_ROOT}/$1.webp -f
    RewriteRule ^(.*)\.(jpe?g|png|gif)$ %{CONTEXT_PREFIX}/$1.webp [L,T=image/webp]
  
#justo degajo de estos tipos es donde le diremos que usara mimetype webp
AddType application/font-woff .woff
AddType font/woff2 .woff2
AddType image/webp .webp

#despues del <IfModule mod_headers.c> le diras que respete los head de jpg,png,gif, por que en nuestro caso convertimos los 3 tipos :-)
<IfModule mod_headers.c>
	<FilesMatch "\.(jpe?g|png|gif)$">
		Header append Vary Accept
	</FilesMatch>

y no se te olvide

image.png.25dd3264f672c64d1f6dd41571dbad65.png

image.png.b6d78aa054f9734af2a3faf2b76d8a65.png


-tengo entendido que las lineas de CONTEXT_DOCUMENT_ROOT CONTEXT_PREFIX son diferentes antes de apache2 v2.4.35 
-Trata de hacer una leida https://developers.google.com/speed/webp/docs/cwebp para convertir las imagenes

Se que es algo tedioso que puse, pero aqui tendras una gran idea de por donde puedes ir empezando y nosotros lo logramos sin modulos, no te lo pongo completo por que cada hosting, serverhttp son direfentes o si uses nginx es diferente, pero espero haber dejado algo de aporta por donde empezar 🙂

×
×
  • Create New...