/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 vote227 views1 answer
Deep partial typescript
TypeScript
1 vote167 views1 answer
Ts version
TypeScript
0 vote165 views1 answer
Typescript ge t current screen resolution
TypeScript
0 vote155 views1 answer
How to get ppt screen shots from a video using python :: keyframes
TypeScript
2 votes164 views1 answer
Type casting in typescript
TypeScript
0 vote172 views1 answer
Listen to hub events asw analytics
TypeScript
-2 votes176 views1 answer
The operation couldn’t be completed. Unable to locate a Java Runtime that supports apt. Please visit http://www.java.com for information on installing Java.
TypeScript
17 votes220 views1 answer
Angular navigate using component
TypeScript
15 votes190 views2 answers
Python get file contents as string
TypeScript
19 votes179 views5 answers
Delete all documents in a collection mongodb
TypeScript