diff options
| author | Jieiku | 2023-08-20 22:37:18 -0700 |
|---|---|---|
| committer | Jieiku | 2023-08-20 22:37:18 -0700 |
| commit | 61f2e1c3ac343163a5361686ad529c7039387310 (patch) | |
| tree | 4be20065b86c9378cae2fe3f6de7079c3e3b2d3d /content/overview-images/index.md | |
| parent | 4a9479325f07b1f73673cf95c1891229de9450dc (diff) | |
| download | abridge-61f2e1c3ac343163a5361686ad529c7039387310.tar.gz abridge-61f2e1c3ac343163a5361686ad529c7039387310.tar.bz2 abridge-61f2e1c3ac343163a5361686ad529c7039387310.zip | |
fix image shortcodes for multilingual, and other optimizations
Diffstat (limited to 'content/overview-images/index.md')
| -rw-r--r-- | content/overview-images/index.md | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/content/overview-images/index.md b/content/overview-images/index.md index b1f07e2..cd3181c 100644 --- a/content/overview-images/index.md +++ b/content/overview-images/index.md @@ -20,9 +20,11 @@ This post covers the **imgswap and img shortcodes**. Images can also be embedded - src is the path and filename of the image. (mandatory) - class sets a class for the image. (optional) -- alt sets the alt note for the image. (recommended for google lighthouse) -- w is the width of the image. (recommended for google lighthouse) -- h is the height of the image. (recommended for google lighthouse) +- alt sets the alt note for the image. +- w is the width of the image. +- h is the height of the image. + +** google lighthouse recommends setting alt, w, and h attributes. If alt is omitted then the filename is used. If w or h are omitted then get_image_metadata() fills these values. ** ## Usage (same path) ```rs @@ -69,9 +71,13 @@ When you hover your mouse over the image it will display the image to compare. - main_src is the path and filename for the default image. (mandatory) - swap_src is the path and filename for the swap image. (mandatory) +- class sets a class for the image. (optional) +- alt sets the alt note for the image. - w is the width of the image. - h is the height of the image. +** google lighthouse recommends setting alt, w, and h attributes. If alt is omitted then the filename is used. If w or h are omitted then get_image_metadata() fills these values. ** + ## Usage (same path) ```rs {{/* imgswap(main_src="ferris.svg" swap_src="ferris-happy.svg") */}} |