I've just done something very similar. Reddit won’t let me comment from my laptop so excuse the formatting - had to paste from my phone. I have an Astro site powered by MDX and Keystatic where we often have a number of images within components in the MDX content that use the Astro Image component for optimisation. We’re able to store the images in individual folders for each item in the collection in the assets directory. Eg an image for a blog post created at posts/my-post.mdx has images stored in assets/posts/my-post/some-image.jpg. It’s worth noting too that the assets folder is just a convention and if you’d rather store the images with your mdx files you probably could! For example we have a FullWidthImage.astro component which we render in our MDX file like this: Then FullWidthImageBlock.astro uses dynamic images imports like this: --- import { Image } from "astro:assets"; import type { ImageMetadata } from "astro"; import type { FullWidthImageBlockComponentProps as Props } from "@lib/content-blocks/full-width-image-block.definition"; const { imagePath, altText } = Astro.props as Props; // Dynamically image import via glob const images = import.meta.glob<{ default: ImageMetadata }>( "/src/assets/images/**/**/*.{jpeg,jpg,png,gif,webp,svg}", ); // Optinally throw an error if the image isn't found if (imagePath && !images[imagePath]) { throw new Error( `"${imagePathFromProps}" does not exist in glob: "/src/assets/images/**/**/*.{jpeg,jpg,png,gif,webp,svg}"`, ); } // Optionally handle missing alt text const imageAlt = altText || "Image"; if (!altText && imagePath) { console.warn( `[FullWidthImageBlock] Missing alt text for image: ${imagePathFromProps}. Using fallback.`, ); } --- { imagePath && images[imagePath] && ( ) } Our components are used across multiple collections so we're just being lazy and globbing the whole assets folder and finding the image required from there. If you end up with a LOT of images (e.g. 1000+) this might not be the best in terms of dev mode performance, but it's basically just using a key value look up so is pretty efficient and it all happens at build time anyway. You could always pass a prop for the collection and post and only glob a must smaller number of assets. Anyway hope that's helpful!