> 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-webp-image-converter-extension/frontend-display-of-webp-image-converter.md).

# Frontend Display of WebP Image Converter

Product Page optimized image

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FKyzvLsxf4S08PwirJnNU%2FFrontend%20-%20Product%20page.png?alt=media&amp;token=ddfe1d0b-4096-41be-a037-cfbb5bd36292" alt=""><figcaption></figcaption></figure>

CMS page optimized as well as responsive image

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FKtMmxNoH8VWe5WK4faly%2FFrontend%20-%20CMS%20Page.png?alt=media&amp;token=2d3cb92d-cebb-4c7e-a45e-f60d046138dc" alt=""><figcaption></figcaption></figure>