/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

7 votes150 views2 answers
Specifying file types in html file input
Html
2 votes171 views1 answer
How to link a number on website
Html
22 votes163 views2 answers
Html start template
Html
2 votes150 views1 answer
Open the file upload dialogue box onclick the image
Html
0 vote153 views1 answer
Disable form first dropdown option
Html
0 vote135 views0 answer
Html
0 vote151 views1 answer
Radio checked on start
Html
0 vote255 views2 answers
How to print hello world in html
Html
8 votes145 views2 answers
Base64 image in html
Html
0 vote140 views1 answer
Html open all links in new tab
Html