> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-image-optimizer-extension/frontend-display-of-magento-2-image-optimizer.md).

# Frontend Display of Magento 2 Image Optimizer

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FABTtPHZDk6svnlCT3vMn%2Fimage.png?alt=media&amp;token=d6c78b66-e15a-417a-9983-1128c323a14b" alt=""><figcaption></figcaption></figure>

**Image After Optimization**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F6EHq1g2ItILXCu80MA4l%2Fimage.png?alt=media&amp;token=4371d8f7-d45b-4198-a460-eb01e310ba79" alt=""><figcaption></figcaption></figure>