/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

10 votes192 views3 answers
Text monospace bootstrap
Html
25 votes202 views3 answers
External css
Html
0 vote186 views1 answer
Html5 time input
Html
16 votes150 views4 answers
Jquery ui cdn
Html
3 votes188 views3 answers
Vue datatable date format
Html
43 votes220 views6 answers
Html new tab
Html
8 votes203 views6 answers
Bootstrap 5 jumbotron
Html
0 vote429 views2 answers
Html cite
Html
0 vote194 views1 answer
What is paragraph tag
Html
69 votes232 views6 answers
Html link
Html