/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

2 votes186 views1 answer
How to set a default value for a dropdownlist in html with thymeleaf spring
Html
6 votes168 views2 answers
Add border to a div
Html
0 vote169 views1 answer
Select dropdown style
Html
0 vote194 views1 answer
Thumbnail html
Html
0 vote170 views1 answer
How to run command prompt
Html
0 vote200 views1 answer
Icon for instagram in bootstrap
Html
16 votes170 views6 answers
Mdbootstrap
Html
1 vote177 views2 answers
Tailwind CSS Spinner
Html
0 vote185 views1 answer
Url trigger click
Html
0 vote171 views1 answer
Geolocalizacion html5
Html