Magento 2 WebP Images | Support Webp in Magento
Magento 2 WebP Images is the extension that add WebP support to Magento and allows you to convert images from png to webp automatically (other supported formats - jpg, jpeg, and gif). It also improves the default Magento functionality and lets you upload WebP images to the admin panel.
Reduce the size of your images by up to 50% without losing quality, switch between the conversion modes, and monitor the process using the handy dashboard. Optimize your images and improve website speed like never before!
Compatibility: Magento 2.3.0 - 2.4.x (CE, EE, ECE, B2B)
Note: Magefan WebP Converter for Magento doesn't require any additional services or costs to convert images to WebP.
TL;DR: Magefan Magento 2 WebP Images Extension automatically converts images to WebP in Magento in 3 diffenent modes and allows you to upload WebP to Magento directly. Zero theme rewrites, SEO-friendly, and fully compatible with Magento 2.
Those who have been looking for the best ways to optimize website performance must have heard something about it. WEBP is a modern file format developed by Google and supported by multiple browsers. The reason for its popularity is its size. It is considerably smaller and correspondingly takes less time to load, which is especially important for Magento 2 websites with a lot of images.
Images are one of the biggest contributors to slow Magento stores.
Without Magento 2 WebP image support:
- Product images increase page size dramatically
- Slow loading affects Core Web Vitals
- Google PageSpeed scores drop
- Mobile users experience delays
- SEO rankings suffer due to poor performance
Default Magento does not automatically convert images from PNG or JPG to WebP.
Magento 2 WebP Images Extension by Magefan solves this automatically.
The extension converts images to WebP format and serves them to supported browsers while keeping fallback images for full compatibility.
- Automatically convert images to WebP
- Serve WebP images only to supported browsers
- Fallback to original images (PNG, JPG, GIF) for unsupported browsers
- Convert product, category, and CMS images
- Bulk WebP image generation
- CLI support for manual image conversion
- Compatible with all Magento 2 themes
- No core file modifications
- No additional costs (for libaries usage, etc.)
- No impact on SEO URLs
- Works with Magento 2 cache and CDN
- Lightweight and performance-optimized
Website performance is one of the key aspects of any eCommerce store. Different reasons could drag it down, and images are usually the top culprits. Especially if you have thousands of them.
The longer your website loads, the worse the general performance is. You can’t let that happen. So, the Magento 2 WebP Images extension is a must-have tool to improve your website speed and create a fast website.
There is a direct link between website performance and its position in SERP. High-quality content and fast loading speed are equally important for search engines. So, you need to take care of both.
Converting images to the WebP format is a huge step forward. If you manage to optimize your website loading, you have more chances to enhance your general SEO score.
Usually, reducing images in size causes them to lose quality. This is not an option for the eCommerce store where images directly influence purchase decisions.
The Magento 2 WebP Images extension allows you to define the image quality level. Thus, you can not only reduce the size of images by up to 50%. You also get to keep their quality almost untouched.
Once you decide to use WebP images in your store, you need to find a way to convert them effectively. Thus, the Magento 2 WebP Images Extension offers four conversion modes:
- Cron
- Page Load
- Page Load & Cron
- Manually via CLI
Depending on the mode you choose, the images will be converted automatically, or you’ll need to run a CLI command to convert them manually.
In any case, the available conversion modes save you from the tedious work and ensure consistent conversion of your images.
The advanced settings of the Magento 2 WebP Images Extension allow you to create the most fitting setup for your specific case.
You can choose to skip some folders during the conversion, convert images in the CSS background, convert the HTML
Just choose the corresponding settings to make the most out of this module!
Converting images to WebP is a great solution. At the same time, you may be wondering why not upload WebP images directly without having to convert them later. The answer is quite simple — Magento 2 doesn’t support this file format.
This is why this Magento WebP Converter has another useful option. It allows you to upload images in the .webp format to the admin panel. So, you can both upload and convert images to WebP with this feature-rich tool.
When converting your images to the WebP format, you would certainly want to keep an eye on the process. It will help you see the state of things and avoid any inconsistencies.
This is why the Magento 2 WebP Images Extension offers you an in-depth dashboard of the image conversion process. Use vivid graphs to see how many images have been converted and how many are pending. Monitor the compression level and image sizes throughout the process.
This section contains invaluable insights you shouldn’t miss!
The WebP file format is quite innovative, and a great deal of browsers support it. Yet, there are still some browsers that don’t and simply show the empty space instead of the WebP image. Not very user-friendly, right?
This is why the Magento 2 WebP Images extension creates the WebP copies of the original images. Then, if a browser supports WebP, the converted images are loaded; if it doesn’t, the original images are shown instead.
This approach ensures a seamless customer experience, no matter the browser.
Do you implement PWA and wonder if you can use WebP images in that case? You certainly can with the Magento 2 WebP Images extension.
It allows you to convert the images in REST API and GraphQL requests, as well as convert images from your remote storage. Thus, you can display quality images across different storefronts and ensure the best experience for all your customers.
This WebP Images tool leaves no aspect uncovered!
No. Magento doesn't support WebP images by default. You need to use tools like Magefan WebP Images Extension to add WebP support in Magento or automatically convert them to WebP format (and fallback to original images for unsupported browsers).
No. The extension improves frontend performance by reducing image size while running in the background. Depending on the conversion method you chose there might be a slight delay in the page load, but only the first time (when images are generated on the page load conversion method).
Yes. With Magefan WebP Images Converter for Magento you can control image size and quality via the "Quality store" option. Just note that you have to "Clear WebP cache" first, if you have generated some WebP images before.
Check this short video to learn more about how WebP images are loaded during the page scroll.
Try out our open demo and if you like our extension please give us some star on Github ★
| Storefront Demo | Admin Panel Demo |
|
|
| view | view |
If you have any issues, please contact us then if you still need help, open a bug report in GitHub's issue tracker.
Please contact us to get a quote https://magefan.com/contact
The code is licensed under EULA.
Magento Extensions by Magefan
- Magento SEO
- Magento 2 Rich Snippets
- Magento 2 HTML Sitemap
- Magento 2 XML Sitemap
- Magento 2 Twitter Cards
- Magento Open Graph Tags
- Magento Google Tag Manager
- Magento 2 Google Analytics 4
- Magento Google Shopping Feed
- Magento Google Customer Reviews
- Magento 2 Google Indexing
- Magento 2 Google Page Speed Optimizer
- Magento Full Page Cache Extension
- Magento 2 Lazy Load Images
- Magento 2 Defer JavaScript
- Magento 2 Dynamic Category
- Magento 2 Size Chart
- Magento 2 Security Extension
- Magento 2 Admin Action Log
- Magento Extended Product Grid
- Magento 2 Product Tabs
- Magento 2 Product Widget
- Magento 2 Email Attachments
- Magento 2 Admin View
- Magento 2 Email Notifications
- Magento 2 Login As Customer
- Magento 2 Facebook Pixel
- Magento TikTok Pixel
- Magento 2 Dynamic Blocks and Pages
- Magento 2 Cookie Consent
- Magento 2 Base Price
- Magento 2 Price History
- Magento 2 Mautic Extension
- Magento 2 YouTube Video
- Magento 2 Hreflang Tags
- Magento 2 Currency Switcher
- Magento 2 Language Switcher
- Magento 2 Store Switcher
- Magento 2 Translation Extension
- Magento Zero Downtime Deployment
- Magento 2 Cron Schedule
- Magento 2 CLI Extension
- Magento 2 Conflict Detector
Shopify Apps by Magefan
- Shopify Login As Customer
- Shopify Blog
- Shopify Size Chart
- Shopify Google Indexer
- Shopify Product Feeds
- Shopify Server GTM & GA4