/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 vote140 views2 answers
CSS Setting Table Column Width
Html
1 vote153 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
4 votes141 views2 answers
Html textarea auto height to amount of text
Html
13 votes136 views5 answers
Html div
Html
4 votes139 views1 answer
Tailwind push footer always to bottom of screen
Html
10 votes143 views1 answer
& in html
Html
0 vote158 views1 answer
Html long text input
Html
0 vote180 views3 answers
How to prevent cross site scripting to redirect you to another web page
Html
0 vote228 views1 answer
Howdy
Html
15 votes141 views2 answers
Html radio only one checked
Html