I've been working on a plugin to solve the issue of responsive images in Markdown without breaking standard syntax.

I've been using marked.js for a personal project, and found one big issue with markdown in the context of modern web content is the lack of responsive image support. So I hacked together a little extension that adds an srcset sizes and loading="lazy" tags to the generated image.

I wanted to make sure this didn't break markdown, so I made it use the file name to generate all the variants, while still keeping the standard markdown image code fully functional.

Just wanted to share in case anyone else finds it useful!

Link: github.com/ELowry/MarkedResponsiveImages