/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 vote139 views1 answer
Multiple forms in the same line html
Html
4 votes128 views1 answer
Where to use .target command in html
Html
0 vote122 views1 answer
Itelaic in html
Html
0 vote150 views1 answer
Markup embed youtube
Html
0 vote126 views1 answer
Html color crimson hex
Html
6 votes125 views4 answers
Html background image fit to screen
Html
0 vote134 views1 answer
How to make a still background image in html
Html
0 vote137 views1 answer
Javascript update number
Html
1 vote135 views1 answer
Bootstrap upload image plugin for html
Html
4 votes133 views4 answers
Selenium print html
Html