/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

0 vote376 views1 answer
Add header in angular
TypeScript
0 vote313 views1 answer
React-jsonschema-form is not assignable to type 'JSONSchema6'
TypeScript
0 vote341 views2 answers
Calculate distance between two latitude longitude points in google maps api
TypeScript
7 votes413 views2 answers
Sort array of objects in react js
TypeScript
0 vote343 views1 answer
Fiber absorption loss measurement
TypeScript
0 vote422 views1 answer
Angular material chips autocomplete example
TypeScript
2 votes300 views1 answer
Media breakpoints bootstrap 4
TypeScript
3 votes323 views2 answers
Select elements id like jquery
TypeScript
0 vote312 views1 answer
Open ports for remote access on linux
TypeScript
0 vote360 views1 answer
Typescript number to hex string
TypeScript