/Html/Serve images in nextgen formats webp

Serve images in nextgen formats webp

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

Source: css-tricks.com

Serve images in nextgen formats webp

.no-webp .elementWithBackgroundImage {
  background-image: url("image.jpg");
}

.webp .elementWithBackgroundImage{
  background-image: url("image.webp");
}

Source: css-tricks.com

Similar codes

0 vote180 views1 answer
Html document 4.0
Html
2 votes206 views1 answer
Suggestion none input
Html
0 vote193 views1 answer
How to stop marquee text in html when you hover over it
Html
3 votes194 views1 answer
HOW TO USE A video on a html website from youtube
Html
0 vote217 views1 answer
Dynamic html table python
Html
0 vote177 views1 answer
Clearing dist in parcel
Html
12 votes182 views3 answers
Basic video player html
Html
2 votes302 views3 answers
Ion-datetime cancel text
Html
28 votes199 views2 answers
Create xhtml onlie
Html
14 votes191 views6 answers
Placeholder select html
Html