yireo/magento2-next-gen-images

Magento 2 module to add NextGen images support to the Magento frontend

Installs: 738 843

Dependents: 2

Suggesters: 0

Security: 0

Stars: 45

Watchers: 6

Forks: 28

Open Issues: 3

Type:magento2-module

0.5.8 2024-10-24 12:31 UTC

README

This module adds next-gen image support to Magento 2. Please note that this is a base extension for other extensions to use. See Yireo_Webp2 for details.

WARNING: If you are using Hyva and want to use the latest version of this module, remove Hyva_YireoNextGenImages.

Development

This module features some settings and info panels in the Magento Store Configuration. But the major feature is a plugin on the Layout that scans for HTML <img/> tags to convert them into <picture/> tags with sources for alternative image formats.

A module Foo_Bar could add a etc/di.xml file to add a new convertor (a class implementing \Yireo\NextGenImages\Convertor\ConvertorInterface) to the convertor listing:

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <type name="Yireo\NextGenImages\Convertor\ConvertorListing">
        <arguments>
            <argument name="convertors" xsi:type="array">
                <item name="foobar" xsi:type="object">Foo\Bar\Convertor</item>
            </argument>
        </arguments>
    </type>
</config>

FAQ

Can I skip lazy loading of images?

Yes, just add fetchpriority="high" to the image HTML of your choice.

Roadmap

  • Move CLI into separate module
  • Move frontend into separate module
  • Create GraphQL support
  • Add more next gen image formats
    • JPEG 2000
    • HEIC
    • AVIF
    • JPEG XL
    • WebP2