Emovart Docs
Customization

Handling image resizing

Understand how Emovart sizes the images inside your articles — and how to take back control when a picture renders larger than you'd like.

Last updated on July 9, 2026

Emovart renders every image block from your Notion page at the full width of the article column. That keeps screenshots crisp and readable on most screens, but it also means the width you drag an image to inside Notion isn't carried over pixel-for-pixel. Here's how to work with that behavior instead of against it.

Landscape images look a little too large

Wide, short images — banners, slim toolbar screenshots, single form fields — can feel oversized once stretched across the whole article column:

Full-width landscape image
Full-width landscape image

The most reliable fix is Notion's column layout, because Emovart respects column proportions when rendering your page. Constrained this way, the same image sits comfortably in the middle of the article:

Image constrained with columns
Image constrained with columns

Use three Notion columns

  1. In Notion, type /columns and insert a 3-column layout where the image should go.
  2. Drag the image into the middle column.
  3. Leave the outer columns visually empty — an empty paragraph block in each keeps them alive.
  4. Resync your site from the console.

The image now renders at roughly a third of the article width, centered. Want it bigger? Use two columns instead, or drag Notion's column dividers — Emovart mirrors whatever ratio you set.

Left alignment, borders, exact sizes, and other fine-tuning

Notion itself doesn't expose alignment, borders, or precise pixel widths for images, so those properties have nothing to sync from. You still have good options:

  • Bake it into the file. Resize or pad the image in any editor before uploading it to Notion — what you upload is exactly what renders.
  • Use columns for placement. An image in the left column of a two-column layout is effectively left-aligned, with text flowing beside it in the other column.
  • Polish with screenshot tooling. Tools that add background padding, drop shadows, and rounded borders give every screenshot a consistent, finished look with zero CSS.

If you need something Notion can't express — say, a uniform border on every screenshot across the site — reach out through the Contact button and tell us what you're after.

Was this article helpful?