/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 vote138 views1 answer
Icon for dashboard in bootstrap
Html
2 votes172 views1 answer
Mm to m
Html
0 vote133 views1 answer
Google font library
Html
10 votes135 views1 answer
Write & in html
Html
-1 vote159 views2 answers
Bootstrap 5 left div
Html
7 votes152 views1 answer
How to call an id in css
Html
2 votes140 views1 answer
Css title and label aligned alongside image
Html
0 vote148 views2 answers
Stopimmediatepropagation vs stoppropagation
Html
6 votes148 views4 answers
Text animation css
Html
18 votes141 views4 answers
Meta icon html
Html