kodeknight

This plugin adds an extra image widget in Elementor that converts the added image to webp and loads webp image on front end if the browsers supports webp images. If user’s browser does not support Webp image format then original image is loaded.
<ul>
<li>Converts JPEG and PNG images to WEBP on the fly.</li>
<li>Helps to improve Google page insights score.</li>
</ul>

Webp Image Block

This plugin adds an extra image widget in Elementor that converts the added image to webp and loads on front end if the browser supports webp images.

adgardner1392

WebP Image Optimization enhances your website’s performance by converting uploaded JPEG and PNG images to the more efficient WebP format. It also allows you to resize images to specified maximum dimensions and adjust image quality and compression settings. With the latest update, you can now convert existing images directly from the Media Library and view detailed file size savings, making the optimization process more insightful and streamlined.
Key Features:
<ul>
<li>
Automatic Conversion to WebP:
<ul>
<li>Converts JPEG and PNG images to WebP format upon upload.</li>
<li>Option to exclude JPEG and/or PNG images from conversion.</li>
</ul>
</li>
<li>
Media Library Integration:
<ul>
<li>New in v1.4.0: Added WebP conversion option directly within the Media Library.</li>
<li>Easily convert existing images to WebP without re-uploading.</li>
<li>v1.3.1: Added redirection/refresh when an existing image is converted to WebP in the Media library.</li>
</ul>
</li>
<li>
Image Resizing:
<ul>
<li>Resize images that exceed user-defined maximum width and height.</li>
<li>Maintains aspect ratio during resizing.</li>
</ul>
</li>
<li>
Quality and Compression Control:
<ul>
<li>Set JPEG quality (0-100).</li>
<li>Set PNG compression level (0-9).</li>
<li>Adjust settings via intuitive sliders or input fields.</li>
</ul>
</li>
<li>
File Size Savings Display:
<ul>
<li>New in v1.4.0: Displays original and WebP file sizes in a readable format (KB/MB).</li>
<li>Shows the amount of file size saved both in bytes and percentage.</li>
<li>Enhances transparency of optimization benefits.</li>
</ul>
</li>
<li>
Settings Page:
<ul>
<li>Accessible under Tools > WebP Image Optimization in the WordPress admin dashboard.</li>
<li>User-friendly interface with responsive design.</li>
</ul>
</li>
<li>
Optimized for Performance:
<ul>
<li>Uses vanilla JavaScript for settings page interactions.</li>
<li>Follows WordPress coding standards and best practices.</li>
<li>Minimal impact on server resources.</li>
</ul>
</li>
</ul>
Benefits:
<ul>
<li>
Improved Page Load Times:
<ul>
<li>WebP images are typically smaller than JPEG and PNG, reducing bandwidth usage.</li>
<li>Faster image loading enhances user experience.</li>
</ul>
</li>
<li>
SEO Advantages:
<ul>
<li>Improved site speed can positively impact search engine rankings.</li>
</ul>
</li>
<li>
User Control:
<ul>
<li>Flexible settings allow customization based on specific needs.</li>
<li>Ability to maintain original image formats if desired.</li>
</ul>
</li>
<li>
Enhanced Convenience:
<ul>
<li>Convert existing images directly from the Media Library, saving time and effort.</li>
<li>View detailed file size savings to understand optimization impact.</li>
</ul>
</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Implement fallback mechanisms for browsers that do not support WebP.</li>
<li>Add bulk conversion option for existing images in the media library.</li>
<li>Provide more granular control over image resizing and quality settings.</li>
<li>Enhance compatibility with other media-related plugins.</li>
<li>Introduce advanced reporting on overall file size savings across the website.</li>
</ul>
<h3>Support</h3>
For support, please visit the <a href="https://wordpress.org/support/plugin/webp-image-optimization/" rel="ugc">plugin support forum</a> or the <a href="https://github.com/adgardner1392/webp-image-optimization/issues" rel="nofollow ugc">GitHub repository</a>.

WebP Image Optimization

Automatically converts uploaded JPEG and PNG images to WebP format, resizes them, and allows conversion of existing images directly from the Media Lib …

Webp Image Block vs WebP Image Optimization