v1.6-v1.7-v8x WebP module for PrestaShop - V 2.0

Clemye

Active member
Elite
XNullUser
Joined
Jan 16, 2022
Messages
16
Reaction score
118
Points
28
NullCash
698
WebP module for PrestaShop which is compatible with Transformer theme v4 and Panda theme v1, v2, WebP images are 25%-35% smaller in file size, using WebP is a easy and efficient way to have fast loading and to get higher score on Google PageSpeed Insights.

What's WebP.​

WebP is an image format from Google designed to let you display images on the web at a similar quality level to existing image formats, but with a smaller file size. More info Google WebP

Why you need to use WebP.​

  • Faster loading. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index. The lesser content to download the faster your site will be, Google lists fast websites over slow ones in search results.
  • Higher score on Google PageSpeed Insights. "Serve images in next-gen formats" is a common problem showing on the report of Google PageSpeed Insights, using webp can fix that to make your site get a higher score.
  • To make Google happy. Google recommends WebP for every website to use, you will be benefited to do what Google recommends.
  • It's a trend to use WebP A lot other famous websites have already switched to WebP, YouTube found that switching to WebP thumbnails resulted in 10% faster page loads. Facebook experienced a 25-35% file size savings for JPEGs and an 80% file size savings for PNGs when they switched to using WebP. More and more websites will soon switch to using WebP.

Compatibility with themes.​

This WebP module is only compatibility with:
  1. Panda theme v2.4.4+ and Transformer theme v4.3.4+ for PrestaShop 1.7.
  2. Panda theme v1.4.5+ for PrestaShop 1.6.
  3. Panda theme v1.4.6+ for TB. NOTE FOR TB Enabling the TB's native "Enable webp images" setting on the BO>Images page can add webp support for product images, manufacturer images, supplier images and category images. Using this module to add webp support for blog images, banner images and owlcarousel slider. Iosslider doesn't support webp, see #9 on the Documentation section.

Compatibility with browsers.​

WebP is supported by all modern browsers except Safari. But don't worry, thanks to the <picture> element, we can use webp on browsers which support it, use jpg on the rest browsers. Images will show perfectly fine on all browsers.

Comparison WebP and GD.​

NOTE if you are using Safari, you can't see .webp images, images on the left side are also .jpg.

https://www.sunnytoo.com/product/webp-module-prestashop-smaller-images-faster-loading
 

Attachments

  • stwebp.zip
    37.2 KB · Views: 30

dteamturkey

Well-known member
Diamond
Elite
XNullUser
Joined
Feb 17, 2021
Messages
474
Reaction score
392
Points
63
NullCash
756
Thank you for sharing this module
 

uncijaPM

Active member
Elite
XNullUser
Joined
Jan 28, 2020
Messages
390
Reaction score
226
Points
43
NullCash
12
Thanks alot nice update it . Nice work nice module.(y)
 

macoshop

Member
XNullUser
Joined
Oct 27, 2022
Messages
65
Reaction score
0
Points
6
NullCash
2
Thank you for sharing this module
 

erinaranee

Member
XNullUser
Joined
Oct 4, 2023
Messages
154
Reaction score
11
Points
18
Location
JP
NullCash
88
was this plugin request website server have NGINX webp MODULE?
 

x50902Ty

Active member
Elite
XNullUser
Joined
Mar 21, 2021
Messages
900
Reaction score
177
Points
43
NullCash
209
it is write version number ,1.0.2 ,if that is true,and this module was old
 

noti_italy

Well-known member
Master
Diamond
Elite
XNullUser
Joined
Jan 15, 2022
Messages
578
Reaction score
958
Points
93
NullCash
2,188
MNY THANKS FOR THIS SHARE...great module
 

cmrcmr

Well-known member
Master
Diamond
Elite
XNullUser
Joined
Sep 6, 2019
Messages
1,000
Reaction score
1,113
Points
113
NullCash
6,143
Muchas gracias por compartir este modulo.
 

Eldorado 2555

Member
XNullUser
Joined
May 1, 2023
Messages
713
Reaction score
4
Points
18
Location
Europe
NullCash
53
Thank you for sharing this module. A much needed module that will come in handy. Thank you for your contribution to this community. Thank you for sharing the module with the community members and making efforts to expand our forum.
 

Mehmet35

Member
XNullUser
Joined
Nov 7, 2023
Messages
236
Reaction score
0
Points
16
Location
turkey
NullCash
3
it is write version number ,1.0.2 ,if that is true,and this module was old
 

plamcho

Member
XNullUser
Joined
Sep 27, 2020
Messages
150
Reaction score
1
Points
18
NullCash
29
Very nice module, but unfortunately limited to only a few themes. ThankYou
 

rmauro

Member
XNullUser
Joined
Feb 9, 2024
Messages
38
Reaction score
0
Points
6
Location
us
NullCash
0
I hae make some modify in the code, but this is the solution !!!
 

goodspeed

Member
XNullUser
Joined
Dec 24, 2023
Messages
133
Reaction score
1
Points
18
Location
Maroc
NullCash
4
WebP module for PrestaShop which is compatible with Transformer theme v4 and Panda theme v1, v2, WebP images are 25%-35% smaller in file size, using WebP is a easy and efficient way to have fast loading and to get higher score on Google PageSpeed Insights.

What's WebP.​

WebP is an image format from Google designed to let you display images on the web at a similar quality level to existing image formats, but with a smaller file size. More info Google WebP

Why you need to use WebP.​

  • Faster loading. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index. The lesser content to download the faster your site will be, Google lists fast websites over slow ones in search results.
  • Higher score on Google PageSpeed Insights. "Serve images in next-gen formats" is a common problem showing on the report of Google PageSpeed Insights, using webp can fix that to make your site get a higher score.
  • To make Google happy. Google recommends WebP for every website to use, you will be benefited to do what Google recommends.
  • It's a trend to use WebP A lot other famous websites have already switched to WebP, YouTube found that switching to WebP thumbnails resulted in 10% faster page loads. Facebook experienced a 25-35% file size savings for JPEGs and an 80% file size savings for PNGs when they switched to using WebP. More and more websites will soon switch to using WebP.

Compatibility with themes.​

This WebP module is only compatibility with:
  1. Panda theme v2.4.4+ and Transformer theme v4.3.4+ for PrestaShop 1.7.
  2. Panda theme v1.4.5+ for PrestaShop 1.6.
  3. Panda theme v1.4.6+ for TB. NOTE FOR TB Enabling the TB's native "Enable webp images" setting on the BO>Images page can add webp support for product images, manufacturer images, supplier images and category images. Using this module to add webp support for blog images, banner images and owlcarousel slider. Iosslider doesn't support webp, see #9 on the Documentation section.

Compatibility with browsers.​

WebP is supported by all modern browsers except Safari. But don't worry, thanks to the <picture> element, we can use webp on browsers which support it, use jpg on the rest browsers. Images will show perfectly fine on all browsers.

Comparison WebP and GD.​

NOTE if you are using Safari, you can't see .webp images, images on the left side are also .jpg.

https://www.sunnytoo.com/product/webp-module-prestashop-smaller-images-faster-loading
Thank you very much for your great contribution to this forum.
 

Coolt

Well-known member
Diamond
Elite
XNullUser
Joined
Dec 20, 2021
Messages
329
Reaction score
265
Points
63
NullCash
2,857
Thanks alot nice update it . Nice work nice module.!!
 
Top