/TypeScript/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

3 votes165 views2 answers
Adonis load relationship
TypeScript
0 vote194 views2 answers
Property 'attributes' does not exist on type 'eventtarget'
TypeScript
0 vote166 views1 answer
Add 1 to all elements in array python
TypeScript
33 votes185 views4 answers
Typescript remove element from array
TypeScript
7 votes148 views6 answers
How to Reload a Component in Angular
TypeScript
-2 votes154 views1 answer
Typescript operate with html objects
TypeScript
0 vote148 views1 answer
Conventional commits cheat sheet
TypeScript
2 votes156 views2 answers
Laravel get all inputs from request
TypeScript
0 vote146 views1 answer
Typescript compare strings
TypeScript
0 vote156 views2 answers
Distance between two points latitude longitude c#
TypeScript