/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 vote171 views1 answer
Generator html do css
Html
0 vote115 views1 answer
Jquery radio button checked on page load
Html
1 vote112 views1 answer
& sign html
Html
0 vote99 views1 answer
Add favorite icon to website html
Html
7 votes115 views2 answers
Infocard bootstrap 4 css templates
Html
91 votes105 views6 answers
Bootstrap 4 text color
Html
6 votes99 views1 answer
How to add a title picture in html
Html
0 vote105 views1 answer
Plantuml multiline footer
Html
6 votes77 views4 answers
How to add text in html
Html
0 vote93 views1 answer
Change source of iframe attribute target
Html