The module adds the possibility to lazy resize images.

Installation

This module is part of MageSuite metapackage

Optional installation when metapackage is not used

composer require "creativestyle/magesuite-lazy-resize" ^4.0.0

Admin settings

Admin settings can be found in Stores -> Configuration -> MageSuite -> Images

The functionality is disabled by default when the module is installed.

Additional configuration for watermark image placement can be found in Content > Design > Configuration > [selected scope] > Product Image Watermarks

Image Offset X - offset of the image from the edge in the X axis in pixels

Image Offset Y - offset of the image from the edge in the Y axis in pixels

Backend

Backend documentation and general review is needed.

Frontend

lazy-resize/etc/view.xml

<images module="Magento_Catalog">
    <image id="product_page_image_large" type="image">
        <width>1000</width>
        <height>1000</height>
    </image>
</images>

MageSuite Developer Documentation

LazyResize

Installation

Admin settings

Backend

Frontend

Related content