/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

-1 vote296 views2 answers
Input button in html
Html
12 votes285 views3 answers
Html page icon
Html
5 votes551 views2 answers
Disable a tag
Html
29 votes293 views2 answers
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Html
0 vote401 views1 answer
How to change db cred in wordpress
Html
1 vote334 views1 answer
Change color on the same string html
Html
252 votes500 views6 answers
CDN Bootstrap 5
Html
4 votes335 views3 answers
Html send email
Html
8 votes303 views2 answers
Html link color
Html
25 votes299 views3 answers
How to add horizontal line in html without css
Html