Overview

The Magento 2 WebP Images extension by FMEextensions helps store owners optimize their website by converting images into the WebP format. This format reduces image sizes without compromising quality, enhancing page load speed and improving the overall user experience. The extension is easy to integrate, supports automatic image conversion, and offers flexibility in applying WebP to different image types across the site.

Key Features

  • Converts store images to WebP format for faster loading
  • Reduces image file size without losing quality
  • Automatically converts images upon upload
  • Supports product, category, and CMS images
  • Increases website speed and performance
  • Compatible with different browsers that support WebP format
  • Easy to configure and use within the Magento admin panel

Compatibility

This extension is compatible with the following Magento versions.

  • 2.1.x
  • 2.2.x
  • 2.3.x
  • 2.4.1, 2.4.2, 2.4.3, 2.4.4, 2.4.5, 2.4.6, 2.4.7

Installation Guide

Method 1

  1. Unzip fme_webp-image-optimization-x.x.x.zip to a local folder.
  2. Make folder FME into your_magento_directory/app/code/ (if you don't find code folder within app folder, please create it first).
  3. Create the following folders (as mentioned in step 2):
  • app/code/FME
  • app/code/FME/WebpImageOptimization
  1. Copy all the contents from fme_webp-image-optimization-x.x.x to newly created WebpImageOptimization folder.
  2. Now open console or shell.
  3. Go to your Magento directory and run the following commands:
  • php bin/magento module:enable FME_WebpImageOptimization
  • php bin/magento setup:upgrade
  • php bin/magento setup:static-content:deploy -f (-f may not work in Magento versions less than 2.2.x.)
  • chmod command for var/ pub/static and generated/ folders
  1. Reload the Magento admin and you will see FME Extensions on the left side menu of your admin panel.

Method 2

  1. Unzip fme_webp-image-optimization-x.x.x.zip to a local folder.
  2. Make folder FME into your_magento_directory/app/code/ (if you don't find code folder within app folder, please create it first).
  3. Create the following folders (as mentioned in step 2):
  • app/code/FME
  • app/code/FME/WebpImageOptimization
  1. Copy all the contents from fme_webp-image-optimization-x.x.x to newly created IWebpImageOptimization folder.
  2. Go to your_magento_directory/app/etc/
  3. Open config.php file in etc folder
  4. Add the following line in $modules array at the end
  • ‘FME_WebpImageOptimization’=>1,
  1. Now open console or shell.
  2. Go to your Magento directory and run the below commands
  • php bin/magento setup:upgrade
  • php bin/magento setup:static-content:deploy -f (-f may not work in Magento versions less than 2.2.x.)
  • chmod command for var/ pub/static and generated/ folders
  1. Reload the Magento admin and you will see FME Extensions on the left side menu of your admin panel.