Picture Tag
See original GitHub issueIn Situation where picture tag is used, let’s say in chrome, webp is loaded by default and other browsers png in loaded, if I use ‘v-lazy’ webp is loaded as well as png both are loaded, but by default only webp should load(Which is the normal behaviour in chrome) and not png.
<picture>
<source srcset="/images/poster-1.webp" type="image/webp" class="img-responsive lazy-img-fadein">
<img src="/images/poster-1.png" alt="Pay Rental" class="img-responsive lazy-img-fadein">
</picture>
I believe this would be a feature request.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:30
- Comments:5
Top Results From Across the Web
HTML picture tag - W3Schools
The <picture> tag gives web developers more flexibility in specifying image resources. The most common use of the <picture> element will be for...
Read more >The Picture element - HTML: HyperText Markup Language
The <picture> HTML element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for ...
Read more >The picture element - web.dev
You can specify multiple source elements inside a picture element, each one with its own srcset attribute. The browser then executes the first...
Read more >HTML <picture> Tag - GeeksforGeeks
The <picture> tag in HTML is used to give flexibility to the web-developers to specify image resources. The <picture> tag contains <source> ...
Read more >HTML <picture> Tag - W3docs
The <picture> element is a container for one or more <source> elements and one <img> element, which is the last child element in...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
+1 for
picture
tag support. any news about this?Not supporting
picture
is a dealbreaker in a modern web stack, but it might just be the time to go with nativeloading="lazy"
instead.