Gumlet offers a straightforward integration to optimize all the images on your Magento website. Here is what you need to do:
Configure origin based on where your images are stored. You can check the guide here: Setup Image Source
Let's fetch image from Gumlet endpoint to check if everything is working fine.
If your old URL was https://www.example.com/media/catalog/product/p/p/aasqs-sa.jpg, then new URL should be served from https://your_gumlet_id.gumlet.com/media/catalog/product/p/p/aasqs-sa.jpg?w=500
If above URL works fine, please go ahead with Step 3.
Once the above image works with the Gumlet URL endpoint, you will need to make changes within the Magento admin panel to switch the image delivery and optimization to Gumlet.
In Magento 2, go to Stores ▶️ Configurations ▶️ Web:
Fill Base URL for User Media Files with the
https://your_gumlet_endpoint.gumlet.com/media. Note that we added
/media in the end.
Save these settings.
Use the sidebar to navigate to System ➡ Cache Management and Flush Magento Cache.
Refresh the webpage of your Magento storefront, and you should see images loading via Gumlet
You can also use Gumlet to deliver non-image type static assets like JS, CSS, or font files. Navigate to Stores ▶️ Configurations ▶️ Web:
For Base URL for Static View Files, set
https://your_gumlet_endpoint.gumlet.com/pub/media depending on your setup.