• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Google WebP Support

Floren

Well-known member
#1
This would an amazing enhancement for attachments, especially for sites that use many large pictures.
WebP is a new image format that provides lossless and lossy compression for images on the web. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller in size compared to JPEG images at equivalent SSIM index. WebP supports lossless transparency (also known as alpha channel) with just 22% additional bytes. Transparency is also supported with lossy compression and typically provides 3x smaller file sizes compared to PNG when lossy compression is acceptable for the red/green/blue color channels. Webmasters and web developers can use the WebP image format to create smaller and richer images that can help make the web faster.
GD (PHP 5.5) and ImageMagick are supporting WebP. This could be made as option available if PHP 5.5+ is detected. Many of us already use PHP 5.5 anyways.
 
Last edited:

Floren

Well-known member
#2
A test I performed, to compare the sizes. JPG files are already compressed (unlike PNG) and WebP managed to squeeze another 8KB out of the picture without losing any quality.

JPG - 170KB



WebP - 162KB

 

eva2000

Well-known member
#3
Would be nice indeed if more web apps natively supported WebP :)

My Xenforo forum is already setup to auto convert jpg/png images to webp for support browsers only via Nginx Pagespeed module and there's huge savings to be had for bandwidth as well as page speed.

Nice savings to be had ~38% according to my pagespeed stats below

Code:
image_file_count_reduction:                                        0
image_rewrites:                                                  633
image_resized_using_rendered_dimensions:                           0
image_norewrites_high_resolution:                                  0
image_rewrites_dropped_intentionally:                            167
image_rewrites_dropped_decode_failure:                             0
image_rewrites_dropped_mime_type_unknown:                          0
image_rewrites_dropped_server_write_fail:                          0
image_rewrites_dropped_nosaving_resize:                            0
image_rewrites_dropped_nosaving_noresize:                        167
image_rewrites_dropped_due_to_load:                                0
image_rewrites_squashing_for_mobile_screen:                        0
image_rewrite_total_bytes_saved:                             4440146
image_rewrite_total_original_bytes:                         11674919
image_rewrite_uses:                                            52672
image_inline:                                                  20451
image_webp_rewrites:                                             378
image_rewrite_latency_total_ms:                               125055
image_ongoing_rewrites:                                            0
image_webp_conversion_gif_timeouts:                                0
image_webp_conversion_png_timeouts:                                0
image_webp_conversion_jpeg_timeouts:                               0
image_webp_alpha_timeouts:                                         0
image_webp_opaque_timeouts:                                        0
pagespeed_webp00.png