diff options
author | Ivan Boothe <git@rootwork.org> | 2022-04-08 02:17:54 +0300 |
---|---|---|
committer | Ivan Boothe <git@rootwork.org> | 2022-04-08 02:17:54 +0300 |
commit | 0978bd5694ba604a2be36a88fbc67d2d874c5cd6 (patch) | |
tree | 03b78eccdac276c7dcf99754cffa25a64ab1b75b /README.md | |
parent | d5e30f7e959588c564de5fde235797df242ab09e (diff) |
updated link to AVIF
Signed-off-by: Ivan Boothe <git@rootwork.org>
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 2 |
1 files changed, 1 insertions, 1 deletions
@@ -358,7 +358,7 @@ If you have an existing site that is not using page bundles but would like to st #### Support for modern image formats -If you are using page bundles (see above) and reference `sample.jpg` in your post, Hugo Clarity will check to see if the same image (based on filename) exists in the modern formats of [WebP](https://en.wikipedia.org/wiki/WebP), [AVIF](https://en.wikipedia.org/wiki/AV1#AV1_Image_File_Format_(AVIF)) or [JXL](https://en.wikipedia.org/wiki/JPEG_XL). If it does, these will be presented to browsers as alternative options. Browsers that [support these formats and the `<picture>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#the_type_attribute) will load them, while browsers that do not will fall-back to the default image. +If you are using page bundles (see above) and reference `sample.jpg` in your post, Hugo Clarity will check to see if the same image (based on filename) exists in the modern formats of [WebP](https://en.wikipedia.org/wiki/WebP), [AVIF](https://en.wikipedia.org/wiki/AVIF) or [JXL](https://en.wikipedia.org/wiki/JPEG_XL). If it does, these will be presented to browsers as alternative options. Browsers that [support these formats and the `<picture>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#the_type_attribute) will load them, while browsers that do not will fall-back to the default image. Note that this does not *create* the other versions of the image for you, it simply checks to see if they exist. You may want to automate this process in your site build; [here is one example](https://github.com/rootwork/rootwork.org/blob/main/scripts/image_optimize.sh). |