/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

10 votes129 views3 answers
Mongodb find starts with
TypeScript
2 votes129 views1 answer
Check if file exists laravel
TypeScript
0 vote120 views1 answer
W/TextToSpeech: speak failed: not bound to TTS engine site:stackoverflow.com
TypeScript
2 votes142 views5 answers
Js create query string from object
TypeScript
3 votes116 views4 answers
How to run typescript file
TypeScript
0 vote119 views1 answer
Flutter real device ios vscode
TypeScript
1 vote121 views1 answer
Js split string with emoji
TypeScript
2 votes89 views1 answer
Mat-option change event
TypeScript
1 vote124 views1 answer
Typescript string null or white space
TypeScript
0 vote119 views1 answer
How can i add multiple arguments in discord,js
TypeScript