Updated Global Header

test 2 updated global header

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings. 

Click Here

Example of default behavior when <picture> tags are used in HTML before Imagify swaps <img> tags out. We end up with nested <picture> tags.

Example of adding class of “itoi-skip-picture” to an <img> tag to prevent nested <picture> tags.

Example of adding attribute of data-itoi-skip-picture=”yes” to an <img> tag to prevent nested <picture> tags.

Example to show this can be used for <img> not nested inside <picture> as well for cases where there may be a layout or lazyload issue. This would allow the <picture> tags option to still be enabled if it works in some cases for users and some cases not.

Example to show <img> tags without either the class or attribute applied to skip replacement and that are not already nested inside a <picture> tags will still be swapped out for <picture> tags with this helper enabled.