/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 vote154 views1 answer
Run script after html load
Html
-1 vote162 views1 answer
Google translate for website html code
Html
0 vote162 views1 answer
Html section tag
Html
0 vote162 views1 answer
How to remove the content of a html element
Html
0 vote163 views1 answer
Superscript the word using html
Html
0 vote156 views3 answers
Tailwind flex column
Html
0 vote183 views1 answer
Html how to create a box in the middle of a image
Html
4 votes174 views2 answers
Botstrap
Html
8 votes149 views1 answer
Remove space table html
Html
0 vote143 views1 answer
Common sample sql databases for practice
Html