/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

16 votes124 views4 answers
File download button html
Html
5 votes130 views2 answers
HTML hello world
Html
0 vote130 views1 answer
Making a legend in html
Html
0 vote120 views1 answer
How to make web page center
Html
132 votes117 views6 answers
Html open link in new tab
Html
24 votes143 views4 answers
Bootstrap button outline
Html
0 vote189 views1 answer
How to play a s3 video url in html video tag?
Html
1 vote102 views1 answer
How to add google icons in html
Html
0 vote122 views4 answers
Dm command discord.js
Html
0 vote151 views2 answers
How to add see button in password input in html
Html