question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

In 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:open
  • Created 6 years ago
  • Reactions:30
  • Comments:5

github_iconTop GitHub Comments

24reactions
ahmedfaicalcommented, May 20, 2019

+1 for picture tag support. any news about this?

7reactions
mystrdatcommented, Aug 5, 2020

Not supporting picture is a dealbreaker in a modern web stack, but it might just be the time to go with native loading="lazy" instead.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found