/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 vote343 views2 answers
Ionic ngfor show limited number of items
Html
-1 vote352 views1 answer
Submit button bulma
Html
0 vote356 views3 answers
Copy the text html
Html
0 vote373 views1 answer
Bulma search dropdown
Html
0 vote332 views2 answers
File upload with progress bar
Html
4 votes412 views1 answer
Circlular waiting icon bootstrap
Html
4 votes350 views1 answer
Cool css buton
Html
0 vote344 views1 answer
Xhtml strict
Html
8 votes320 views2 answers
How do you play audio files on html
Html
0 vote348 views1 answer
Apply image in body without css
Html