/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

63 votes259 views3 answers
Bootstrap form background color
Html
0 vote260 views1 answer
Html head /head body /body /html
Html
1 vote268 views1 answer
Hoow to open a css property in css
Html
0 vote261 views1 answer
Html download video link
Html
27 votes272 views3 answers
Html horizontal line style
Html
0 vote257 views1 answer
Tick html code
Html
0 vote279 views1 answer
Multilevel list html
Html
38 votes288 views4 answers
How to make new line in html paragraph
Html
61 votes257 views2 answers
Form example
Html
8 votes270 views2 answers
Express send html file
Html