/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

10 votes324 views4 answers
Search bar bootstrap
Html
1 vote304 views1 answer
Input type for website in html
Html
-1 vote323 views1 answer
Unicode for cross
Html
10 votes323 views2 answers
Lodash cdn
Html
0 vote336 views1 answer
Shopify custom html image tag src attribute
Html
3 votes321 views1 answer
How to add country flag in html
Html
6 votes321 views6 answers
Tailwind css
Html
213 votes384 views5 answers
How to put space in html
Html
0 vote303 views1 answer
Wysiwyg html editor free download
Html
0 vote305 views2 answers
Drupal 8 HTML in type link
Html