/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

1 vote210 views1 answer
Ion2 calendar locale
TypeScript
2 votes219 views1 answer
Jquery selector attribute value starts with
TypeScript
3 votes285 views2 answers
Array of objects how to check if property has duplicate
TypeScript
0 vote193 views1 answer
A ball is fired from a sling shot. The initial velocity is 2.25 m/s at 22.5. What are the vertical and horizontal components of the ball's initial velocity as it leaves the sling shot?
TypeScript
0 vote216 views1 answer
Directory. Relative imports outside of src/ are not supported.
TypeScript
0 vote196 views1 answer
Peer of typescript@>=2.8.0
TypeScript
0 vote220 views1 answer
Communication between components in angular
TypeScript
1 vote200 views1 answer
Shortcuts for ajax in vscode
TypeScript
1 vote195 views2 answers
Typescript run on save
TypeScript
0 vote213 views1 answer
The following TestContainer was not found
TypeScript