/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

0 vote281 views1 answer
Working login form
Html
1 vote258 views1 answer
Html bookmark spot
Html
5 votes251 views6 answers
Laravel csrf token
Html
1 vote255 views4 answers
Semantic ui
Html
0 vote298 views1 answer
Open Dropdown pop up upwards forcely
Html
5 votes288 views1 answer
Html how to add jquery
Html
49 votes258 views6 answers
How to increase font size in html
Html
1 vote256 views1 answer
Vue js focus ref
Html
10 votes250 views3 answers
Jqury get selected option
Html
19 votes251 views4 answers
Google material icons
Html