You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[PostCSS] plugin and tiny JS script *(315B gzipped)* to use [AVIF] image format in CSS background.
6
+
[PostCSS] plugin and a tiny JS script *(315B gzipped)* to use the [AVIF] image format for CSS background images.
7
7
8
-
With this PostCSS Plugin you can use **AVIF** image format in your CSS background in [Supported Browsers](#supported-browsers), and fallback with the original image.
8
+
Use **AVIF** in [Supported Browsers](#supported-browsers) and fall back to the original image in other browsers.
9
+
10
+
Take a look at the demo site [avif-in-css.netlify.app]
11
+
12
+
## About AVIF
9
13
10
14
> AVIF offers significant compression gains vs. JPEG and WebP, with a recent Netflix study showing 50% savings vs. standard JPEG and > 60% savings on 4:4:4 content
11
15
12
-
Take a look to the demo site [avif-in-css.netlify.app]
13
16
## How works?
14
17
15
18
You add `require('avif-in-css')` to your JS bundle and write CSS like:
0 commit comments