/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

4 votes112 views1 answer
Code highlighting html
Html
11 votes105 views1 answer
Html form select
Html
45 votes192 views4 answers
How to add an svg image to html
Html
8 votes168 views2 answers
Numbered list bootstrap
Html
1 vote180 views1 answer
Html signature
Html
6 votes104 views2 answers
How to get the input of a textbox in html
Html
5 votes125 views3 answers
Nuxt i18
Html
4 votes180 views4 answers
Audio autoplay not working html
Html
0 vote118 views1 answer
Html quote block
Html
1 vote149 views1 answer
CDN_CSS
Html