/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 vote168 views1 answer
When to stop testing
TypeScript
0 vote178 views1 answer
Node js if url is image
TypeScript
0 vote177 views2 answers
Open ports on RPI
TypeScript
0 vote162 views2 answers
Typeorm field relation not showing
TypeScript
1 vote172 views1 answer
Nuxt "AxiosRequestConfig"
TypeScript
0 vote172 views1 answer
Split a column of lists pandas
TypeScript
21 votes164 views4 answers
Rule::exists with custom message laravel
TypeScript
1 vote186 views1 answer
Property 'unsubscribe' does not exist on type 'Observable<Object>'
TypeScript
2 votes170 views2 answers
Eslint no-unused-vars typescript interface
TypeScript
2 votes173 views1 answer
Vscode custom snippets how to use file name
TypeScript