{"id":28756696,"url":"https://github.com/magefan/magento-2-webp-images","last_synced_at":"2026-02-02T04:37:02.198Z","repository":{"id":37402048,"uuid":"286438159","full_name":"magefan/magento-2-webp-images","owner":"magefan","description":"Convert your png,jpeg,and gif files to webp format with a handy Magento 2 WebP Images Extension. Upload webp images to Magento directly or let the extension do it for you automatically.","archived":false,"fork":false,"pushed_at":"2026-01-30T13:44:46.000Z","size":66,"stargazers_count":19,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-31T06:56:47.759Z","etag":null,"topics":["image-optimization","image-optimizer","magefan","magefan-extension","magefan-extensions","magefan-modules","magefan-solutions","magento","magento-2","magento-2-extension","magento-2-extensions","magento-2-image-optimization","magento-2-module","magento-2-modules","magento-extension","magento-module","magento2","magento2-extension","magento2-module","webp-images"],"latest_commit_sha":null,"homepage":"https://magefan.com/magento-2-webp-optimized-images","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/magefan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-08-10T09:56:58.000Z","updated_at":"2026-01-30T13:44:49.000Z","dependencies_parsed_at":"2023-11-16T11:41:28.551Z","dependency_job_id":"ea9a522f-271b-4f15-86d5-bd740a011534","html_url":"https://github.com/magefan/magento-2-webp-images","commit_stats":null,"previous_names":["magefan/magento-2-webp-optimized-images"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/magefan/magento-2-webp-images","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magefan%2Fmagento-2-webp-images","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magefan%2Fmagento-2-webp-images/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magefan%2Fmagento-2-webp-images/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magefan%2Fmagento-2-webp-images/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/magefan","download_url":"https://codeload.github.com/magefan/magento-2-webp-images/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magefan%2Fmagento-2-webp-images/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29005374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-02T04:25:24.522Z","status":"ssl_error","status_checked_at":"2026-02-02T04:24:51.069Z","response_time":58,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["image-optimization","image-optimizer","magefan","magefan-extension","magefan-extensions","magefan-modules","magefan-solutions","magento","magento-2","magento-2-extension","magento-2-extensions","magento-2-image-optimization","magento-2-module","magento-2-modules","magento-extension","magento-module","magento2","magento2-extension","magento2-module","webp-images"],"created_at":"2025-06-17T03:08:39.134Z","updated_at":"2026-02-02T04:37:02.190Z","avatar_url":"https://github.com/magefan.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Magento 2 WebP Images](https://magefan.com/magento-2-webp-optimized-images) by Magefan\n\n\u003cimg align=\"right\" width=\"120\" height=\"120\" src=\"https://cm.magefan.com/mf_webp/jpg/media/catalog/product/cache/016c1dcfcd29d2b85ead3d1156d7ba11/i/c/icon-webp-optimization-extension_1.webp\"\u003e\n\n[Magento 2 WebP Images](https://magefan.com/magento-2-webp-optimized-images)  is the extension that allows you to convert your website images from png, jpg, jpeg, and gif to the webp format with little to no effort. It also improves the default Magento functionality and lets you upload WebP images to the admin panel.\n\nReduce 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!\n\nCompatibility: Magento 2.3.0 - 2.4.x (CE, EE, ECE, B2B)\n\n\u003cimg  align=\"right\" width=\"120\" height=\"70\" src=\"https://magefan.com/media/wysiwyg/made_in_ukraine.jpg\"\u003e\n\n\u003ca href=\"https://magefan.com/magento-2-webp-optimized-images\"\u003e\u003cimg width=\"190\" height=\"70\" src=\"https://cm.magefan.com/wysiwyg/products/download-magefan-extensions.png\"\u003e\u003c/a\u003e\n\n## Useful Links\n  * [User Guide](https://magefan.com/magento-2-webp-optimized-images/documentation)\n  * [Change Log](https://magefan.com/magento-2-webp-optimized-images/change-log)\n  * [FAQs](https://magefan.com/magento-2-webp-optimized-images#pattr-faq)\n\n## 🇺🇦 Stand with Ukraine! [How can you help?](https://magefan.com/blog/join-our-donations)\n\n## Benefits\n\n* [Improve Website Speed and Performance](https://github.com/magefan/magento-2-webp-images#improve-website-speed-and-performance)\n* [Enhance Your SEO Ranking](https://github.com/magefan/magento-2-webp-images#enhance-your-seo-ranking)\n* [Reduce File Size Without Losing Quality](https://github.com/magefan/magento-2-webp-images#reduce-file-size-without-losing-quality)\n* [Convert Images Automatically or Manually](https://github.com/magefan/magento-2-webp-images#convert-images-automatically-or-manually)\n* [Benefit from the Advanced Conversion Settings](https://github.com/magefan/magento-2-webp-images#adjust-conversion-settings-to-your-requirements)\n* [Upload WebP Images to Magento Admin Panel](https://github.com/magefan/magento-2-webp-images#upload-webp-images-to-magento-admin-panel)\n* [Monitor the Conversion Progress](https://github.com/magefan/magento-2-webp-images#monitor-the-conversion-progress)\n* [Provide Smooth Experience Across All Browsers](https://github.com/magefan/magento-2-webp-images#provide-smooth-experience-across-all-browsers)\n* [Convert Images to WebP via REST API Requests](https://github.com/magefan/magento-2-webp-images#convert-images-to-webp-via-rest-api-requests)\n\n\n## What is WEBP?\nThose 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.\n\n## Features\n### Improve Website Speed and Performance\nWebsite 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.\n\nThe 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.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/webp-magento.png\"\u003e\n\u003c/p\u003e\n\n### Enhance Your SEO Ranking\nThere 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.\n\nConverting 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.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/magento-seo.png\"\u003e\n\u003c/p\u003e\n\n### Reduce File Size Without Losing Quality\nUsually, reducing images in size causes them to lose quality. This is not an option for the eCommerce store where images directly influence purchase decisions.\n\nThe 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. \n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"400\" src=\"https://cm.magefan.com/wysiwyg/products/webp/magento-2-webp-images.png\"\u003e\n\u003c/p\u003e\n\n### Convert Images Automatically or Manually\nOnce 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:\n\n- Cron\n- Page Load\n- Page Load \u0026 Cron\n- Manually via CLI\n\nDepending on the mode you choose, the images will be converted automatically, or you’ll need to run a CLI command to convert them manually. \n\nIn any case, the available conversion modes save you from the tedious work and ensure consistent conversion of your images.\n\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/magento-convert-images-to-webp_1.png\"\u003e\n\u003c/p\u003e\n\n### Benefit from the Advanced Conversion Settings\nThe advanced settings of the Magento 2 WebP Images Extension allow you to create the most fitting setup for your specific case.\n\nYou can choose to skip some folders during the conversion, convert images in the CSS background, convert the HTML \u003cpicture\u003e tag images, as well as convert images from external websites. This tool is extremely flexible for various scenarios.\n\nJust choose the corresponding settings to make the most out of this module!\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/convert-different-images-to-webp-magento.png\"\u003e\n\u003c/p\u003e\n\n### Upload WebP Images to Magento Admin Panel\nConverting 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.\n\nThis 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.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/upload-webp-to-magento.png\"\u003e\n\u003c/p\u003e\n\n### Monitor the Conversion Progress\nWhen 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. \n\nThis 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.\n\nThis section contains invaluable insights you shouldn’t miss!\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/magento-2-webp-images-extension.png\"\u003e\n\u003c/p\u003e\n\n### Provide Smooth Experience Across All Browsers\nThe 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?\n\nThis 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.\n\nThis approach ensures a seamless customer experience, no matter the browser.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/magento-images.png\"\u003e\n\u003c/p\u003e\n\n### Convert Images to WebP with Adaptable Integration\nDo you implement PWA and wonder if you can use WebP images in that case? You certainly can with the Magento 2 WebP Images extension.\n\nIt 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.\n\nThis WebP Images tool leaves no aspect uncovered!\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"700\" height=\"349\" src=\"https://cm.magefan.com/wysiwyg/products/webp/magento-webp-support.png\"\u003e\n\u003c/p\u003e\n\n## Video Reference\n\nCheck [this short video](https://www.youtube.com/watch?v=kBgy2grcPuQ) to learn more about how WebP images are loaded during the page scroll.\n\n## Demo\n\nTry out our open demo and if you like our extension **please give us some star on Github ★**\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        Storefront Demo\n      \u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        Admin Panel Demo\n      \u003c/td align=\"center\" valign=\"middle\"\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://opt.demo.magefan.top/\"\u003e\n          \u003cimg\n            src=\"https://magefan.com/static/version1520969775/frontend/Magefan/new/en_US/images/product-tab-demo-1.jpg\"\n            alt=\"Magento 2 WebP Images Extension Storefront Demo\"\n            height=\"220\"\n          \u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://opt.demo.magefan.top/admin/admin/\"\u003e\n          \u003cimg\n            src=\"https://cs.magefan.com/version1732118579/frontend/Magefan/next/en_US/Magefan_CssOptimizer/images/product-tab-demo-2.jpg\"\n            alt=\"Magento 2 WebP Images Extension Admin Panel Demo\"\n            height=\"220\"\n          \u003e\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://opt.demo.magefan.top/\"\u003e\n          view\n        \u003c/a\u003e\n      \u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"middle\"\u003e\n        \u003ca href=\"https://opt.demo.magefan.top/admin/admin/\"\u003e\n          view\n        \u003c/a\u003e\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Support\nIf you have any issues, please [contact us](mailto:support@magefan.com)\nthen if you still need help, open a bug report in GitHub's\n[issue tracker](https://github.com/magefan/magento-2-webp-optimized-images/issues).\n\n## Need More Features?\nPlease contact us to get a quote\nhttps://magefan.com/contact\n\n## License\nThe code is licensed under [EULA](https://magefan.com/end-user-license-agreement).\n\n## [Magento Extensions](https://magefan.com/magento-2-extensions) by Magefan\n\n### Magento 2 SEO Extensions\n\n* [Magento SEO](https://magefan.com/magento-2-seo-extension)\n* [Magento 2 Rich Snippets](https://magefan.com/magento-2-rich-snippets)\n* [Magento 2 HTML Sitemap](https://magefan.com/magento-2-html-sitemap-extension)\n* [Magento 2 XML Sitemap](https://magefan.com/magento-2-xml-sitemap-extension)\n* [Magento 2 Twitter Cards](https://magefan.com/magento-2-twitter-cards-extension)\n* [Magento Open Graph Tags](https://magefan.com/magento-2-open-graph-extension-og-tags)\n\n### [Magento 2 Google Extensions](https://magefan.com/magento-2-extensions/google-extensions)\n\n* [Magento Google Tag Manager](https://magefan.com/magento-2-google-tag-manager)\n* [Magento 2 Google Analytics 4](https://magefan.com/magento-2-google-analytics-4)\n* [Magento Google Shopping Feed](https://magefan.com/magento-2-google-shopping-feed-extension)\n* [Magento Google Customer Reviews](https://magefan.com/magento-2-google-customer-reviews)\n* [Magento 2 Google Indexing](https://magefan.com/magento-2-google-indexing-api)\n\n### [Magento Speed Optimisation Extensions](https://magefan.com/magento-2-extensions/speed-optimization)\n\n* [Magento 2 Google Page Speed Optimizer](https://magefan.com/magento-2-google-page-speed-optimizer)\n* [Magento Full Page Cache Extension](https://magefan.com/magento-2-full-page-cache-warmer)\n* [Magento 2 Lazy Load Images](https://magefan.com/magento-2-image-lazy-load-extension)\n* [Magento 2 Defer JavaScript](https://magefan.com/rocket-javascript-deferred-javascript)\n\n### [Magento Admin Extensions](https://magefan.com/magento-2-extensions/admin-extensions)\n\n* [Magento 2 Dynamic Category](https://magefan.com/magento-2-dynamic-categories)\n* [Magento 2 Size Chart](https://magefan.com/magento-2-size-chart)\n* [Magento 2 Security Extension](https://magefan.com/magento-2-security-extension)\n* [Magento 2 Admin Action Log](https://magefan.com/magento-2-admin-action-log)\n* [Magento Extended Product Grid](https://magefan.com/magento-2-product-grid-inline-editor)\n* [Magento 2 Product Tabs](https://magefan.com/magento-2/extensions/product-tabs)\n* [Magento 2 Product Widget](https://magefan.com/magento-2-product-widget)\n* [Magento 2 Email Attachments](https://magefan.com/magento-2-email-attachments)\n* [Magento 2 Admin View](https://magefan.com/magento-2-admin-view-extension)\n* [Magento 2 Email Notifications](https://magefan.com/magento-2-admin-email-notifications)\n* [Magento 2 Login As Customer](https://magefan.com/login-as-customer-magento-2-extension)\n\n### [Magento Order Management Extensions](https://magefan.com/magento-2-extensions/order-management)\n\n* [Magento Order Editor](https://magefan.com/magento-2-edit-order-extension)\n* Better [Magento 2 Order Grid](https://magefan.com/magento-2-better-order-grid-extension)\n* [Magento 2 Guest to Customer](https://magefan.com/magento2-convert-guest-to-customer)\n* [Magento POS System](https://magefan.com/magento-pos-system)\n\n### Magento 2 Blog Extensions\n\n* [Magento 2 Blog Extension](https://magefan.com/magento2-blog-extension)\n* [Magento 2 Multi Blog](https://magefan.com/magento-2-multi-blog-extension)\n\n### [Magento Marketing Extensions](https://magefan.com/magento-2-extensions/marketing-automation)\n\n* [Magento 2 Facebook Pixel](https://magefan.com/magento-2-facebook-pixel-extension)\n* [Magento TikTok Pixel](https://magefan.com/magento-2-tiktok-pixel)\n* [Magento 2 Dynamic Blocks](https://magefan.com/magento-2-cms-display-rules-extension) and Pages\n* [Magento 2 Cookie Consent](https://magefan.com/magento-2-cookie-consent)\n* [Magento 2 Base Price](https://magefan.com/magento-2-base-price)\n* [Magento 2 Price History](https://magefan.com/magento-2-price-history)\n* [Magento 2 Mautic Extension](https://magefan.com/magento-2-mautic-extension)\n* [Magento 2 YouTube Video](https://magefan.com/magento2-youtube-extension)\n\n### [Magento Promotions Extensions](https://magefan.com/magento-2-extensions/promotions-extensions)\n\n* [Magento 2 Automatic Related Products](https://magefan.com/magento-2-automatic-related-products)\n* [Magento 2 Product Labels](https://magefan.com/magento-2-product-labels)\n* [Magento 2 Coupon Code Extension](https://magefan.com/magento-2-coupon-code-link)\n\n### [Magento 2 Multi-Language Extensions](https://magefan.com/magento-2-extensions/multi-language-extensions)\n\n* [Magento 2 Hreflang Tags](https://magefan.com/magento2-alternate-hreflang-extension)\n* [Magento 2 Currency Switcher](https://magefan.com/magento-2-currency-switcher-auto-currency-by-country)\n* [Magento 2 Language Switcher](https://magefan.com/magento-2-auto-language-switcher)\n* [Magento 2  Store Switcher](https://magefan.com/magento-2-geoip-switcher-extension)\n* [Magento 2 Translation Extension](https://magefan.com/magento-2-translation-extension)\n\n### [Developers Tools](https://magefan.com/magento-2-extensions/developer-tools)\n\n* [Magento Zero Downtime Deployment](https://magefan.com/blog/magento-2-zero-downtime-deployment)\n* [Magento 2 Cron Schedule](https://magefan.com/magento-2-cron-schedule)\n* [Magento 2 CLI Extension](https://magefan.com/magento2-cli-extension)\n* [Magento 2 Conflict Detector](https://magefan.com/magento2-conflict-detector)\n\n### [Shopify Apps](https://magefan.com/shopify/apps) by Magefan\n\n* [Shopify Login As Customer](https://apps.shopify.com/login-as-customer)\n* [Shopify Blog](https://apps.shopify.com/magefan-blog)\n* [Shopify Size Chart](https://magefan.com/shopify/apps/size-chart)\n* [Shopify Google Indexer](https://magefan.com/shopify/apps/google-indexing)\n* [Shopify Product Feeds](https://magefan.com/shopify/apps/product-feed)\n* [Shopify Server GTM \u0026 GA4](https://magefan.com/shopify/apps/gtm-and-ga4)\n\n### [Magento 2 Services](https://magefan.com/services) by Magefan\n\n* [Magento Speed Optimization Service](https://magefan.com/magento-speed-optimization-service)\n* [Magent SEO Service](https://magefan.com/magento-2-seo-service)\n* [Custom Magento Development](https://magefan.com/custom-development)\n* [Magento Installation Service](https://magefan.com/installation-service)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagefan%2Fmagento-2-webp-images","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmagefan%2Fmagento-2-webp-images","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagefan%2Fmagento-2-webp-images/lists"}