gecko43

<p>Convert jpeg and png images to their webp equivalents by leveraging google’s libwebp and web assembly and serve webp images directly when supported in posts and pages.</p>
<h3>Quick start</h3>
<ul>
<li>Sign into the backoffice as an admin user.</li>
<li>Install the plugin and activate it.</li>
</ul>
<h3>Convert a single media library image</h3>
<ul>
<li>Navigate to <strong>Media > Library</strong></li>
<li>Select the <strong>list view</strong> icon</li>
<li>Locate a jpeg or png image for editing and click the media’s title link or the “edit” link under the entry.</li>
<li>Scroll down to the bottom of the edit page to the (new) <em>WebP Conversion</em> section</li>
<li>Click <strong>Create</strong> to create a webp version of this media library image on the server</li>
<li>Click <strong>Delete</strong> to delete a webp version if it exists for this media library image</li>
</ul>
<h3>Convert all media library images</h3>
<ul>
<li>Navigate to <strong>Plugins</strong> </li>
<li>Set the quality and overwrite flag as desired</li>
<li>Click <strong>Create</strong> to create webp files for all media library images</li>
<li>Click <strong>Delete</strong> to delete existing webp files for all media library images</li>
</ul>
<h3>How it works</h3>
<p>The client (browser) creates a webp version of the image when the <strong>Create</strong> button is clicked. This is then sent to the server where it is saved in the same folder as the original image, but with a <code>.webp</code> extension.</p>
<p>For example, if the original image is</p>
<pre><code>/wp-content/uploads/2020/05/test.jpg
</code></pre>
<p>an additional</p>
<pre><code>/wp-content/uploads/2020/05/test.webp
</code></pre>
<p>will be created there.</p>
<p>A filter is applied in the WordPress hook <code>the_content</code> to swap an image for its webp equivalent if available.</p>
<h3>More about the conversion</h3>
<p>Conversion is done on the client, so a modern browser with wasm support is needed. This is because conversion to webp with php requires shell_exec to make calls to Google’s cwebp or other php extensions are needed. These features often pose security risks that outweigh the benefits. This plugin gets around that by delegating the actual image conversion to the client. It’s based on <a href="https://github.com/wrburnham/webp-wasm" rel="nofollow ugc">this encoder</a> to save webp versions of uploaded jpeg and png images.</p>
<h3>License</h3>
<p>This plugin is licensed as GPLv3.</p>
<h3>Notes</h3>
<p>The simple html dom parser library is used to render webp images directly in WordPress content where possible. The client-side conversion to WebP leverages Google’s libwebp.</p>


WebP WASM

Convert jpeg and png media to webp and serve webp images when the browser supports it. This has been tested on WordPress 5.4.1 with php 7.2.

Daisuke Yamamoto

<p>Our WordPress plugin offers precise control over image compression in your media library.<br />
You can optimize the compression quality for each resized image, striking the perfect balance between visual appeal and fast page loading.<br />
A real-time preview feature lets you instantly see the results of different compression levels.</p>
<p>Security is enhanced through an EXIF data removal function, which strips sensitive information like GPS coordinates from your uploaded images.</p>
<p>For advanced performance, the plugin utilizes WebP technology on compatible servers.<br />
It automatically generates and serves WebP versions of your images to supporting browsers, replacing JPEG or PNG formats without manual URL adjustments.<br />
This seamless optimization significantly improves Core Web Vitals (CWV), enhancing your site’s overall performance and search engine ranking.</p>
<ul>
<li>Set the quality level in the image type (JPEG / PNG / WebP) and size name table.</li>
<li>Set the default quality level if not set.</li>
<li>Set the quality level for WebP compression of the original image.</li>
</ul>
<p>The following can be set as options.</p>
<ul>
<li>Guarantee a Secure Filename (Deny a multibyte filename)</li>
<li>Strip Exif Data</li>
<li>Autoset Alt from Exif (only JPEG)</li>
<li>Add a Quality Level Suffix</li>
<li>Enable Interlace/Progressive</li>
<li>Enable Generating WebP</li>
<li>Enable PNG8</li>
<li>Optimize “srcset” Attribute</li>
<li>Force Adding the Query String for Image Cache Clear</li>
<li>Optimize Delay by WP-Cron</li>
</ul>
<h3>Other functions</h3>
<p>In addition, it has the following functions.</p>
<ul>
<li>Add Some Custom Image Sizes</li>
<li>Test Quality Level</li>
<li>Change of Big Image Threshold</li>
<li>Reset Settings</li>
<li>Run Re-Compression</li>
<li>Auto Re-Compression using WP-Cron</li>
</ul>
<h3>How to use</h3>
<p>After installing and activated, WebP auto-generation and small image compression will be high.<br />
Adjust the settings if necessary and recompress all images.</p>
<ol>
<li>Install</li>
<li>Activate</li>
<li>Change Settings (if you need)</li>
<li>Recompress uploaded images (if you need)</li>
</ol>
<p>Be sure to make a backup before recompressing.</p>
<h4>Access to the settings screen</h4>
<ul>
<li>Setting Screen</li>
<li>Go to “Image Qualities”</li>
</ul>


Image Quality Control | Still BE


　余分な機能がなく、必要な部分には詳細な設定も用意されており、画像の圧縮だけをしてくれるシンプルで高品質なプラグインはないかと考えた際の最適解ではないでしょうか。



　画像圧縮のプレミアムプラグインに優るとも劣らないプラグインかと思います。



　ただ、これはかなりのレアケースだと思いますので評価を下げてはいませんが、再圧縮メニューを表示する際に、自サイトの画像ファイルが非常に多い場合、メニュー画面がまともに操作することができないくらいに重くなってしまうという状況が発生しました。（メディアファイル投稿時の自動圧縮に関しては問題なく機能しています）



　とは言えこれは、私のサイトは画像投稿コミュニティのため、画像ファイルが９万を超えてしまっているために起きたことですので、一般のケースには当てはまらないでしょう。



　繰り返しになりますが、画像ファイルが５千ほどのサイトでも、全画像の再圧縮機能も全然問題なく機能していましたので、一般的なユースケースでは問題が起こらないかと思いますし、プラグイン自体は素晴らしいものでした。



　ただ欲を言うなら、私のようなケースでも利用することができるように、オプションテーブルなどを利用せず内部的な処理のみで軽量な、全画像の再圧縮ボタンも作っていただけるのなら、大変ありがたいとは思います。


いい意味で必要最低限の機能性

Boost speed and Core Web Vitals with smart image optimization and auto WebP generation.

WebP WASM vs Image Quality Control | Still BE