The Most Active and Friendliest
Affiliate Marketing Community Online!

“Adavice”/  “RollerAds”/
Certified

T J Tutor

GM
Administrator
Certified Vendor
Dojo Master
AffKit
Hi all,

WebP is a new image format and very interesting. Not all browsers support it yet, but that will change pretty quickly.

This is a new technology developed by a software engineer at Google and has some very awesome benefits. This could turn out as one of the biggest advantages in online image display for the coming years.

Who here has been implementing this, or tell us why not!
 
We've been using WebP images on our own landing pages since late 2017 or early 2018. Mainly because of the smaller file sizes. We've seen file size reductions of almost 80%, which is quite a lot if you have lots of images on your landing page.

As we all know, smaller files =/= faster loading speeds =/= more conversions.

I do not see why you wouldn't use WebP. Most browsers support it if they do not, either do not target those people in your campaigns or just use a secondary .png or .jpg backup image. Quite easy to implement with some basic web development knowledge.
 
When common server software like ImageMagick ...
Converting Your Images To WebP With ImageMagick
Looks doable for me with Imagemagick as shown ;)

I like Medium
Wonder why they are always in certain SERPS?
Useful Content SEO Idiots!

convert YellowFlower.jpg YellowFlower--WebP.webp

1*MgohJo6Pl42TNQKi32LuWw.png

1*MgohJo6Pl42TNQKi32LuWw.png

WebP also does a great job image quality reduction. By converting our image to WebP and decreasing the quality by 50% we can see even more savings in file size, without a great loss in quality.

convert YellowFlower.jpg -quality 50 YellowFlower--WebP.webp

1*tpe5h7iQoxuDpWvmgTMStQ.png

1*tpe5h7iQoxuDpWvmgTMStQ.png

There is a small, but noticible reduction in image quality when we convert JPEG to WebP, and an even more significant change when we use 50% quality compression. Deciding on whether to convert to WebP all depends on your art direction
 
When common server software like ImageMagick ...
Converting Your Images To WebP With ImageMagick
Looks doable for me with Imagemagick as shown ;)

I like Medium
Wonder why they are always in certain SERPS?
Useful Content SEO Idiots!

convert YellowFlower.jpg YellowFlower--WebP.webp

1*MgohJo6Pl42TNQKi32LuWw.png

1*MgohJo6Pl42TNQKi32LuWw.png

WebP also does a great job image quality reduction. By converting our image to WebP and decreasing the quality by 50% we can see even more savings in file size, without a great loss in quality.

convert YellowFlower.jpg -quality 50 YellowFlower--WebP.webp

1*tpe5h7iQoxuDpWvmgTMStQ.png

1*tpe5h7iQoxuDpWvmgTMStQ.png

There is a small, but noticible reduction in image quality when we convert JPEG to WebP, and an even more significant change when we use 50% quality compression. Deciding on whether to convert to WebP all depends on your art direction

Your images are not displaying.
 
barry@paragon-DS-7:~/pictures$ convert 2cents.png 2cents --WebP.webp
convert: unable to open image `2cents': No such file or directory @ error/blob.c/OpenBlob/2712.
convert: no decode delegate for this image format `' @ error/constitute.c/ReadImage/501.
and it dosen't work when following that tutorial :p Google crap
Linux paragon-DS-7 4.4.0-164-generic #192-Ubuntu SMP Fri Sep 13 12:02:50 UTC 2019 x86_64 x86_64 x86_64 GNU/Linux
I got better things to do, GRRR ... seriously --that is not for this system!

root@paragon-DS-7:~/libwebp-0.6.0# apt install webp
How To Use WebP Images In Ubuntu Linux - It's FOSS
Code:
:~/pictures$ cwebp 2cents.png -o 2cents.webp
Saving file '2cents.webp'
File:      2cents.png
Dimension: 80 x 80 (with alpha)
Output:    3134 bytes Y-U-V-All-PSNR 35.80 35.90 37.68   36.08 dB
block count:  intra4: 25
              intra16: 0  (-> 0.00%)
              skipped block: 0 (0.00%)
bytes used:  header:            123  (3.9%)
             mode-partition:    154  (4.9%)
             transparency:      571 (99.0 dB)
 Residuals bytes  |segment 1|segment 2|segment 3|segment 4|  total
    macroblocks:  |      80%|       4%|      16%|       0%|      25
      quantizer:  |      29 |      19 |      15 |      15 |
   filter level:  |       9 |       4 |       2 |       2 |
Lossless-alpha compressed size: 570 bytes
  * Header size: 84 bytes, image data size: 486
  * Lossless features used: PALETTE
  * Precision Bits: histogram=5 transform=5 cache=0
  * Palette size:   170
results
:~/pictures$ ls -lh 2cents.*
17K May  2  2018 2cents.png
3.1K Oct 18 18:32 2cents.webp
:~/pictures$
not bad -- this is the Ubuntu/Debian way rather simple
medium led me down the rabbit hole :p
 
Last edited:
not my images -- hotlinks forbidden maybe?
HTML:
[IMG]https://miro.medium.com/max/60/1*MgohJo6Pl42TNQKi32LuWw.png?q=20[/IMG]
[IMG]https://miro.medium.com/max/2880/1*MgohJo6Pl42TNQKi32LuWw.png[/IMG]
WebP also does a great job image quality reduction. By converting our image to WebP and decreasing the quality by 50% we can see even more savings in file size, without a great loss in quality.

convert YellowFlower.jpg -quality 50 YellowFlower--WebP.webp

[IMG]https://miro.medium.com/max/60/1*tpe5h7iQoxuDpWvmgTMStQ.png?q=20[/IMG]
[IMG]https://miro.medium.com/max/2880/1*tpe5h7iQoxuDpWvmgTMStQ.png[/IMG]
There is a small, but noticible reduction in image quality when we convert JPEG to WebP, and an even more significant change when we use 50% quality compression. Deciding on whether to convert to WebP all depends on your art direction
Your images are not displaying.
 
I always using the JPG, this can be useful for figma or any other photoshop tools
You need to update your tools, or;
work with PNG and convert in a LINUX CLI
Code:
$ cwebp   mark1.png  -o mark1.webp
$ cwebp   mark1.jpg  -o mark1.webp
The compression is much better and the web pages load faster.
 
MI
Back