/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 vote257 views2 answers
H1 html
Html
0 vote278 views1 answer
Html5 css3
Html
5 votes305 views5 answers
Bootstrap carousel
Html
67 votes310 views3 answers
Bootstrap center divs
Html
1 vote294 views1 answer
Html required checkbox
Html
1 vote289 views1 answer
Cards froup
Html
0 vote251 views1 answer
@endguest
Html
0 vote293 views1 answer
Html drag and drag prograssive bar
Html
1 vote290 views1 answer
Nuxt v if two conditions
Html
1 vote277 views1 answer
Html yuan symbol
Html