/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 vote258 views1 answer
Mixpanel react native typescript
TypeScript
0 vote306 views1 answer
.net framework core scaffhold exists table
TypeScript
6 votes297 views3 answers
Any typescript
TypeScript
2 votes299 views1 answer
Promise to observable typescript
TypeScript
0 vote269 views1 answer
Facts about poutine
TypeScript
0 vote290 views1 answer
How to put the contents of a file into an array in bash
TypeScript
0 vote333 views1 answer
Hackerrank between two sets solution in python
TypeScript
0 vote263 views1 answer
Error TS2307: Cannot find module '@ngx-meta/core'.
TypeScript
-2 votes276 views3 answers
Typescript count array condition
TypeScript
1 vote297 views1 answer
Vue textarea autosize
TypeScript