/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 votes172 views2 answers
How to display a link in html
Html
0 vote168 views2 answers
Vertical line navigation bar
Html
0 vote188 views1 answer
Img tamanho html
Html
22 votes174 views3 answers
_blank in html
Html
0 vote241 views1 answer
Set text of file input
Html
304 votes477 views10 answers
Amc stock
Html
0 vote185 views1 answer
Html peseta
Html
0 vote254 views1 answer
How to make multiple pages html
Html
0 vote174 views3 answers
How can we change background in loop img in webpages
Html
0 vote239 views1 answer
Run 2 function on input vue
Html