Control image size in output PDF?

Context:

• version: 5.0.1
• platform: macOS
• node version: v17.3.1

I have a markdown file like this

# Foo

Blah blah

![img|200](images/something.png)

In the above scenario, something.png is 1000x1000px (example). I am trying to control its size to 200px wide.

When I output this using md-to-pdf, the image is full size. Is there any workaround or other syntax I can use? Thank you 🙏

[luckman212]

Ah, didn’t realize the renderer was extensible with JS. 🤯 I guess I should have read the docs more closely. Thanks for the tip, much appreciated!

[simonhaenisch]

Marked only supports a couple of markdown flavors and neither of them have any shorthand syntax for adding a width to an image, sorry.

That being said, it’s relatively simple to extend marked, and overwrite the image renderer so that you can use some custom syntax (see https://marked.js.org/using_pro#renderer).

// config.js

const { marked } = require('marked');

const renderer = new marked.Renderer();

renderer.image = (href, title) => {
  const lastPipeIndex = title.lastIndexOf('|');
  
  const alt = title.slice(0, lastPipeIndex);
  const width = title.slice(lastPipeIndex + 1);

  return `<img src="${href}" alt="${alt}" style="width: ${width}px">`;
}

module.exports = {
  marked_options: { renderer },
};

# The file

![something|200](img/something.jpg)

md-to-pdf --config-file config.js path/to/the-file.md

Disclaimer: this has not been tested so might need some adjustments but I hope you get the idea.