You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently, the plug will transform all <img> in an Eleventy project into <picture><img/><picture> tags. This may not be desirable for some images:
...that are used for UI. After respimg transform styles may break.
...<img> already have srcset attribute set.
What would be an ideal way to exclude such images? I made an attempt to exclude through outputPath regex. But then realized, UI images will be present in all the pages. How can we exclude them?
Should we do class or data attribute based filtering? Ex. <img class="no-resp" ...> will not be touched?
The text was updated successfully, but these errors were encountered:
Or, transform all <img> without any classes by default. Then, the <img> with classes need to be explicitly opted in like <img class="resp w-full" .../> or <img data-local-respimg="true" class="w-full" .../>
Currently, the plug will transform all
<img>
in an Eleventy project into<picture><img/><picture>
tags. This may not be desirable for some images:<img>
already havesrcset
attribute set.What would be an ideal way to exclude such images? I made an attempt to exclude through outputPath regex. But then realized, UI images will be present in all the pages. How can we exclude them?
Should we do
class
or data attribute based filtering? Ex.<img class="no-resp" ...>
will not be touched?The text was updated successfully, but these errors were encountered: