/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

179 votes236 views10 answers
Minecraft
Html
4 votes251 views4 answers
Email regex html pattern
Html
0 vote223 views2 answers
How to get image on the tab bar html
Html
0 vote189 views2 answers
Html email signature code
Html
2 votes282 views2 answers
Get current cpu utilization in percentage linux
Html
1 vote208 views2 answers
Html anchor tag
Html
0 vote152 views1 answer
Haw to fmake a link open in a new tag in html
Html
58 votes204 views6 answers
Copy text to clipboard javascript
Html
3 votes168 views1 answer
Html image position
Html
0 vote200 views1 answer
<style>body {background-color: coral;}</style>
Html