Improve Preview Image Handling

[bemayr]

Problem Description

The current preview images does not resize the images accordingly and does not provide alt-text for a11y reasons.

Idea

Utilizing @11ty/eleventy-img we could automatically preprocess the images and extract the alt-text out of its exif data to generate a shape like:

[
  {
    imageUrl: "<url>",
    thumbnailUrl: "<url>",
    meta: "<meta text>"
  },
  {
    "//": "..."
  }
]

References

• https://www.11ty.dev/docs/plugins/image/
• https://www.aleksandrhovhannisyan.com/blog/eleventy-image-plugin/