/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 vote355 views1 answer
Custom decorator in loopback4
TypeScript
0 vote377 views2 answers
Bootstrap dropdown menu not showing
TypeScript
1 vote328 views1 answer
NullInjectorError: R3InjectorError(ProfilePageModule)[Camera -> Camera -> Camera
TypeScript
1 vote433 views3 answers
Convert javascript to typescript online converter
TypeScript
-1 vote373 views1 answer
Splice typescript array
TypeScript
0 vote408 views1 answer
Jupyter notebook create table
TypeScript
0 vote365 views1 answer
Upload keystore file to secrets github actions
TypeScript
0 vote333 views1 answer
How to print code snippets wordpress
TypeScript
0 vote345 views1 answer
Angular cancel http request
TypeScript
0 vote343 views1 answer
How can i take multiple inputs from the user in discord.js
TypeScript