diff options
author | Ivan Boothe <git@rootwork.org> | 2022-05-11 01:10:03 +0300 |
---|---|---|
committer | Ivan Boothe <git@rootwork.org> | 2022-05-11 01:10:03 +0300 |
commit | ffc97eab065cab6d27d4a63f3c25bcbbdd9eed35 (patch) | |
tree | 0214af3fbc38aa92a60cfa132e5a450cea228a96 | |
parent | 3a5ad329424b23f7b0e4326cc8c3ae4cbefbdff1 (diff) |
updating readme to note new image_svg class
Signed-off-by: Ivan Boothe <git@rootwork.org>
-rw-r--r-- | README.md | 3 |
1 files changed, 2 insertions, 1 deletions
@@ -344,10 +344,11 @@ A number of CSS classes are automatically added to images based on their source - `image_figure` when the image appears inside a `<figure>` element - `image_internal` when the image is local, within the site - `image_external` when the image is loaded from a URL -- `image_processed` when the image has been passed through [Hugo Pipes](https://gohugo.io/hugo-pipes/introduction/) (requires the image to be using page bundles or in the `assets` directory) +- `image_processed` when the image has been passed through [Hugo Pipes](https://gohugo.io/hugo-pipes/introduction/) (requires the image to be using page bundles or be in the `assets` directory) - `image_unprocessed` when the image has not been passed through Hugo Pipes - `image_thumbnail` when the image is in a list of content excerpts - `image_featured` when the image is a banner or hero image at the top of a post +- `image_svg` when the image is an [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) (and thus [cannot be run through Hugo Pipes](https://github.com/gohugoio/hugo/issues/3700)) Most images in Hugo Clarity are loaded [lazy](https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#images_and_iframes) and [asynchronously](https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding) to improve site speed. Images that are not loaded in this manner include the site's logo. |