/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 vote277 views1 answer
Dig WWW.EXAMPLE.COM +nostats +nocomments +nocmd
TypeScript
14 votes279 views1 answer
Ngbmodal angular 9 yarn install
TypeScript
0 vote296 views1 answer
What are the common mistakes in software development
TypeScript
3 votes238 views1 answer
Intersect sets python
TypeScript
0 vote236 views3 answers
SocketException: An attempt was made to access a socket in a way forbidden by its access permissions. in core 6.0
TypeScript
0 vote250 views1 answer
Styled components gatsby
TypeScript
1 vote292 views2 answers
How to get all elements of column in pandas dataframe
TypeScript
3 votes286 views1 answer
Typescript default parameter
TypeScript
0 vote253 views1 answer
Common child hackerrank solution
TypeScript
8 votes275 views2 answers
Comment on blade laravel
TypeScript