v1.6-v1.7-v8x WebP module for PrestaShop Smaller images Faster loading

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.

 

Attachments

  • stwebp.zip
    43.3 KB · Views: 51

ahmed12

Member
XNullUser
Joined
Apr 26, 2020
Messages
246
Reaction score
4
Points
18
NullCash
1
thx bro for sharing. i will try it.
 

cmrcmr

Well-known member
Master
Diamond
Elite
XNullUser
Joined
Sep 6, 2019
Messages
1,007
Reaction score
1,135
Points
113
NullCash
6,069
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 very much! This is very useful module!
 

klmmm

Member
XNullUser
Joined
Jul 17, 2021
Messages
805
Reaction score
1
Points
18
NullCash
6
Thank you for the addon, i hope it works
Post automatically merged:

Thank you for the addon, i hope it works
 

hxcode

Well-known member
Master
Diamond
Elite
Joined
Aug 16, 2020
Messages
3,535
Reaction score
417
Points
83
NullCash
18
Thank you for sharing this module.
 

xxxman

Member
XNullUser
Joined
May 23, 2022
Messages
316
Reaction score
0
Points
16
NullCash
398
Thank you very much! This is very useful module!
 

rcpislr

Member
XNullUser
Joined
Dec 27, 2020
Messages
235
Reaction score
0
Points
16
NullCash
12
that's what i was looking for thank you my frien...
 

amlil

Active member
Elite
XNullUser
Joined
Nov 1, 2023
Messages
102
Reaction score
180
Points
43
Location
France
NullCash
1,427
I hope i can test this module which is important to optimize pictures
 

bertr01

Member
XNullUser
Joined
Jun 1, 2022
Messages
127
Reaction score
0
Points
16
NullCash
1
Thank you very much! This is very useful module!
 

Mr.NT

Member
XNullUser
Joined
May 31, 2020
Messages
84
Reaction score
0
Points
6
NullCash
19
Thank you very much! This is very useful module bro
 

esma polat

Member
XNullUser
Joined
Oct 28, 2023
Messages
111
Reaction score
0
Points
16
Location
Bursa
NullCash
8
Teşekkürler, Aradığım herşeyi en üst versiyon ile bulduğum muhteşem forum.
 
Top