/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 vote303 views1 answer
Test.html
Html
0 vote321 views1 answer
Js code to change a immage
Html
1 vote314 views1 answer
Phone number button on website
Html
1 vote326 views2 answers
Get image from theme folder wordpress
Html
1 vote333 views2 answers
How to hide code in html
Html
1 vote302 views1 answer
Marquee speed
Html
0 vote389 views1 answer
Automatic image slider with text in html css javascript
Html
0 vote329 views1 answer
The requested list key 'map' could not be resolved as a collection / array / map / enumeration / iterator type. Example: people or peopl
Html
0 vote285 views1 answer
Robots txt no index entire site
Html
0 vote302 views1 answer
Puppeteer html custom attribute
Html