/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 vote206 views1 answer
Code html de base d'une page
Html
0 vote250 views1 answer
La balise center en html
Html
1 vote207 views1 answer
Target vs currenttarget
Html
19 votes167 views4 answers
Button disabled
Html
0 vote176 views2 answers
Bootstrap navbar button not working
Html
0 vote198 views1 answer
Emmet html template
Html
0 vote189 views1 answer
Make dictionary english html
Html
0 vote226 views1 answer
Amzaon web scraper html
Html
0 vote178 views1 answer
Twig markdown html
Html
7 votes202 views2 answers
Html change player speed
Html