WebP images are smaller in size as compared to JPEG and PNG, and thus using the format for uploading pictures on the sites help the site to load faster. There are several benefits as well as drawbacks of using WebP images as enlisted below. A WebP image is 25-35% smaller in comparison to JPEG files while 26% smaller to that of a PNG image on an average. The format is capable of offering rich and high-quality pictures while maintaining smaller-size and thus popularly used for displaying images on the websites. Location ~* ^(/path/to/your/images/.+)\.Developed by Google, WebP is an image file format that can use both lossy as well as lossless compression. Rewrite rule for NginxĪnalogously to the Apache web server, there is a solution for Nginx: # http config block htaccess needs to be positioned relatively high up. When a JPEG or PNG image is displayed in the browser, it is exchanged for a WebP file by the server and assigned the MIME type image/webp. Header append Vary Accept env=REDIRECT_accept RewriteRule ^(path/to/your/images.+)\.(jpe?g|png)$ $1.webp The distribution of the correct image is ensured by the rewrite rule in the.
XNCONVERT COMPRESSION METHOD WEBP CODE
In plain terms, the embedding of pictures in the HTML source code does not change in any way and is not affected (e.g. Rewrite rule for ApacheĪ forwarding rule on the server level takes care of distributing the requests for the correct file formats, independently of the browser. If you're using a CDN you must ensure the CDN supports caching based on the Accept request header. However, in the event that you need to deliver WebP images and aren't using WordPress, then you can experiment with the following rules. For WordPress users, we recommend using the Cache Enabler plugin instead as outlined further below. Rewrite rules allow you to deliver WebP images by changing the MIME type of an image. Below is an example we grabbed from YouTube's homepage. YouTube uses WebP format in certain large thumbnails. At the time of writing this, about 95% of the images on their homepage were in the WebP format. Here is an example we grabbed from eBay's homepage. Several big names like Google, Facebook, and eBay are campaigning for the use of WebP and are even actively using it. WebP for Chrome & Opera - JPEG for all other browsers. Looking at the statistics of your own websites lets you know whether it will be worth it for your project to include images in two formats. At the moment there are two browsers that officially support the format, but soon there will be three with WebP support - if Firefox sticks to their plan. Nevertheless, it is worth it to deliver images in WebP format to the browsers named above. Internet Explorer and Safari are left out completely. Firefox has announced support for WebP images in the future and it is still being discussed in this thread. According to, at this time, Opera and Chrome support the modern image format WebP. Browser support is the biggest current disadvantage of the WebP technology. Sounds promising: higher quality than JPEGs, with much smaller files. WebP: reductions in file size of up to 80% are commonly achievable. The WebP format is a sophisticated alternative method for convenient image compression that is now entering the market.
JPEG is considered outdated and too inefficient. Web users well-versed in technology have surely heard of WebP - an image format developed by Google to ensure superior compression of photos.
0 kommentar(er)
