Craft CMS image macros

macro

{# _partials/common/_macros #}
{% macro asset( asset, divClasses = '', imgClasses = '', altText = null ) %}
    {% if asset | length %}
        {% if divClasses | length %}
            <div class="{{ divClasses }}">
        {% endif %}
            <picture>
                <source
                        data-srcset="{{ asset.srcset() }}"
                        data-sizes="100vw"
                        type="image/jpg" />
                <img
                        src="{{ asset.src() }}"
                        data-src="{{ asset.src() }}"
                        data-srcset="{{ asset.srcset() }}"
                        data-sizes="100vw"
                        class="lazyload {{ imgClasses }}"
                        alt="{{ altText }}"/>
            </picture>
        {% if divClasses | length %}
            </div>
        {% endif %}
    {% endif %}
{% endmacro %}

template

{% import '_partials/common/_macros' as macro %}

{{ macro.asset( content.image.one().largeImageOptimized, '', '', content.image.one().title ) }}