/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 vote228 views1 answer
Linux list files onlr
Html
2 votes208 views2 answers
Css image as button
Html
274 votes501 views6 answers
Fontawesome pro cdn
Html
0 vote160 views1 answer
Tailwind linear progress
Html
0 vote208 views1 answer
How to add caption on image in html
Html
0 vote289 views1 answer
Button float right
Html
0 vote213 views1 answer
How to make a vertical line on html
Html
0 vote195 views1 answer
Mostrar codificación de carácteres html
Html
2 votes199 views3 answers
Ngfor in select
Html
8 votes197 views3 answers
Js draw canvas on canvas
Html