diff options
| author | Jieiku | 2023-08-15 21:10:25 -0700 |
|---|---|---|
| committer | Jieiku | 2023-08-15 21:10:25 -0700 |
| commit | 0983915e23793c28dd0bee149fd2ec05a7e96a94 (patch) | |
| tree | 0f7c8c7c97e33e4a0e4c1c2e1150f94fdc2ba022 /content/overview-rich-content/index.md | |
| parent | 729f7cda12340aabce5d0faab8d306b5e0d59568 (diff) | |
| download | abridge-0983915e23793c28dd0bee149fd2ec05a7e96a94.tar.gz abridge-0983915e23793c28dd0bee149fd2ec05a7e96a94.tar.bz2 abridge-0983915e23793c28dd0bee149fd2ec05a7e96a94.zip | |
Lighthouse and YellowLabTools optimizations
Diffstat (limited to 'content/overview-rich-content/index.md')
| -rw-r--r-- | content/overview-rich-content/index.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/content/overview-rich-content/index.md b/content/overview-rich-content/index.md index 8f86d3b..4dc2285 100644 --- a/content/overview-rich-content/index.md +++ b/content/overview-rich-content/index.md @@ -41,19 +41,19 @@ parameters: `sources` (an array of strings), `fallback_path`, and `fallback_alt` (both strings). Each string in the `sources` array should be a path to an image file of -a different type (`webp`, `png`, `jpg`, etc). `fpath` and +a different type (`avif`, `webp`, `png`, `jpg`, etc). `fpath` and `falt` are used to create an `<img>` tag for the browser to fall back on if the other formats aren't yet supported, fw and fh set the width and height of the fallback ### Usage ```rs -{{/* image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} +{{/* image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") */}} ``` ### Output ```html -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ``` -{{ image(sources=["over9000-960.webp", "over9000-640.webp", "over9000-400.webp"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} +{{ image(sources=["over9000-960.avif", "over9000-640.avif", "over9000-400.avif"], fpath="over9000-640.webp", fw=640, fh=480, falt="ITS OVER 9000!") }} ## GIF |