Serve autogenerated WebP images instead of jpeg/png to browsers that supports WebP.

WebP Express

<p>More than 9 out of 10 users are using a browser that is able to display webp images. Yet, on most websites, they are served jpeg images, which are typically double the size of webp images for a given quality. What a waste of bandwidth! This plugin was created to help remedy that situation. With little effort, WordPress admins can have their site serving autogenerated webp images to browsers that supports it, while still serving jpeg and png files to browsers that does not support webp.</p>
<h3>The image converter</h3>
<p>The plugin uses the <a href="https://github.com/rosell-dk/webp-convert" rel="nofollow ugc">WebP Convert</a> library to convert images to webp. <em>WebP Convert</em> is able to convert images using multiple methods. There are the &#8220;local&#8221; conversion methods: <code>imagick</code>, <code>cwebp</code>, <code>vips</code>, <code>gd</code>. If none of these works on your host, there are the cloud alternatives: <code>ewww</code> (paid) or connecting to a WordPress site where you got WebP Express installed and you enabled the &#8220;web service&#8221; functionality.</p>
<h3>The &#8220;Serving webp to browsers that supports it&#8221; part.</h3>
<p>The plugin supports different ways of delivering webps to browsers that supports it:</p>
<ol>
<li>By routing jpeg/png images to the corresponding webp &#8211; or to the image converter if the image hasn&#8217;t been converted yet.</li>
<li>By altering the HTML, replacing image tags with <em>picture</em> tags. Missing webps are auto generated upon visit.</li>
<li>By altering the HTML, replacing image URLs so all points to webp. The replacements only being made for browsers that supports webp. Again, missing webps are auto generated upon visit.</li>
<li>In combination with <em>Cache Enabler</em>, the same as above can be achieved, but with page caching.</li>
<li>You can also deliver webp to <em>all</em> browsers and add the <a href="http://webpjs.appspot.com" rel="nofollow ugc">webpjs</a> javascript, which provides webp support for browsers that doesn&#8217;t support webp natively. However, beware that the javascript doesn&#8217;t support srcset attributes, which is why I haven&#8217;t added that method to the plugin (yet).</li>
</ol>
<p>The plugin implements the &#8220;WebP On Demand&#8221; solution described <a href="https://github.com/rosell-dk/webp-convert/blob/master/docs/v2.0/webp-on-demand/webp-on-demand.md" rel="nofollow ugc">here</a> and builds on a bunch of open source libraries (all maintained by me):<br />
&#8211; <a href="https://github.com/rosell-dk/webp-convert" rel="nofollow ugc">WebP Convert</a>: For converting images to webp<br />
&#8211; <a href="https://github.com/rosell-dk/webp-convert-cloud-service" rel="nofollow ugc">WebP Convert Cloud Service</a>: For the Web Service functionality<br />
&#8211; <a href="https://github.com/rosell-dk/dom-util-for-webp" rel="nofollow ugc">DOM Util for WebP</a>: For the Alter HTML functionality<br />
&#8211; <a href="https://github.com/rosell-dk/image-mime-type-guesser" rel="nofollow ugc">Image MimeType Guesser</a>: For detecting mime types of images.<br />
&#8211; <a href="https://github.com/rosell-dk/htaccess-capability-tester" rel="nofollow ugc">HTAccess Capability Tester</a>: For testing .htaccess capabilities in a given directory, using live tests<br />
&#8211; <a href="https://github.com/rosell-dk/webp-convert-filemanager" rel="nofollow ugc">WebP Convert File Manager</a>: For browsing conversions and triggering conversions.<br />
&#8211; <a href="https://github.com/rosell-dk/exec-with-fallback" rel="nofollow ugc">Exec With Fallback</a>: For emulating exec() on systems where it is disabled (using proc_open(), passthru() or similar alternatives).</p>
<h3>Benefits</h3>
<ul>
<li>Much faster load time for images in browsers that supports webp. The converted images are typically <em>less than half the size</em> (for jpeg), while maintaining the same quality. Bear in mind that for most web sites, images are responsible for the largest part of the waiting time.</li>
<li>Better user experience (whether performance goes from terrible to bad, or from good to impressive, it is a benefit).</li>
<li>Better ranking in Google searches (performance is taken into account by Google).</li>
<li>Less bandwidth consumption &#8211; makes a huge difference in the parts of the world where the internet is slow and costly (you know, ~80% of the world population lives under these circumstances).</li>
<li>Currently ~97% of all traffic are done with browsers supporting webp.</li>
<li>It&#8217;s great for the environment too! Reducing network traffic reduces electricity consumption which reduces CO2 emissions.</li>
</ul>
<h3>Limitations</h3>
<ul>
<li>The plugin <a href="https://github.com/rosell-dk/webp-express/pull/213" rel="nofollow ugc">should now work on Microsoft IIS server</a>, but it has not been tested thoroughly.</li>
</ul>
<h3>Supporting WebP Express</h3>
<p>Bread on the table don&#8217;t come for free, even though this plugin does, and always will. I enjoy developing this, and supporting you guys, but I kind of need the bread too. Please make it possible for me to continue wasting time on this plugin:</p>
<ul>
<li><a href="https://ko-fi.com/rosell" rel="nofollow ugc">Buy me a Coffee</a></li>
<li><a href="https://github.com/sponsors/rosell-dk" rel="nofollow ugc">Buy me coffee on a regular basis</a> and help ensuring my coffee supplies doesn&#8217;t run dry.</li>
</ul>
<h3>Supporters of WebP Express</h3>
<p><strong>Persons who recently contributed with <a href="https://ko-fi.com/rosell" rel="nofollow ugc">ko-fi</a> &#8211; Thanks!</strong></p>
<ul>
<li>3 Nov: Tobi</li>
<li>5 Nov: Anon</li>
<li>18 Nov: Oleksii</li>
<li>20 Feb: Assen Kovatchev</li>
<li>22 Feb: Peter</li>
<li>29 Feb: Luis Méndez Alejo</li>
<li>5 Mar: tomottoe</li>
<li>9 Mar: La Braud</li>
</ul>
<p><strong>Persons who contributed with extra generously amounts of coffee / lifetime backing (&gt;30$) &#8211; thanks!:</strong></p>
<ul>
<li>Max Kreminsky ($115)</li>
<li>Justin &#8211; BigScoots ($105)</li>
<li>Bill Vallance ($102)</li>
<li>Label Vier ($100)</li>
<li>Sebastian ($99)</li>
<li>Tammy Lee ($90)</li>
<li>Steven Sullivan ($51)</li>
<li>Mathieu Gollain-Dupont ($50)</li>
<li>Erica Dreisbach ($50)</li>
<li>Brian Laursen ($50)</li>
<li>Dimitris Vayenas ($50)</li>
</ul>
<p><strong>Persons currently backing the project via GitHub Sponsors or patreon &#8211; Thanks!</strong></p>
<ul>
<li><a href="https://www.linkedin.com/in/mathieu-gollain-dupont-9938a4a/" rel="nofollow ugc">Mathieu Gollain-Dupont</a></li>
</ul>


Alternative Plugins for

Discover the Lists with WebP Express

Performance Tools

Favorites

exp

FarrowSystem.EU - ALL Plugins

OS WooCommerce Plugins New Install

Alan

More Web Performance Plugins

More Web Performance Plugins

Audífonos

Recuperacion de webs