> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tryflowy.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Outpaint

> Drag an image's edges outward and let AI fill in what would be there.

export const DemoVideo = ({src, poster, caption, aspectRatio = "16 / 10", className = ""}) => {
  return <figure className={`not-prose my-6 w-full ${className}`}>
      <div className="overflow-hidden rounded-2xl border border-gray-950/10 bg-gray-100 dark:border-white/10 dark:bg-white/5" style={{
    aspectRatio
  }}>
        <video src={src} poster={poster} loop autoPlay muted playsInline className="h-full w-full object-cover" />
      </div>
      {caption && <figcaption className="mt-2 text-center text-sm text-gray-500 dark:text-gray-400">
          {caption}
        </figcaption>}
    </figure>;
};

Outpaint extends an image beyond its original frame — AI imagines the scene past each edge. Turn a square crop into a wide banner, or give a tight shot breathing room.

<DemoVideo src="/videos/canvas/image-tools-outpaint.mp4" poster="/images/posters/canvas/image-tools-outpaint.jpg" caption="Dragging the outpaint handles outward as the Output size readout grows live" />

## Using it

Right-click an image node and choose **Tools → Outpaint**. On the connected Outpaint node:

1. **Drag the handles outward** on any side of the image — top, bottom, left, right, or several at once. The **Output** readout shows the resulting canvas size live.
2. Press **Outpaint**. The job runs in the background and the extended image lands in the node.
3. Not right? Drag the handles again and re-run, or hit **Reset** to zero the expansion.

## Iterating outward

Each run builds on the last: once a result exists, the drag handles expand *from the result*, and the expansion values reset to zero after every run. To grow an image dramatically, extend it in a few medium steps rather than one giant one.

The expanded canvas is capped at 2560 px on its longest side and roughly 4.2 megapixels in total — if you drag past the budget, the readout shows **(max)** and the expansion is scaled down to fit.

<Tip>
  Extend one direction at a time when the scene matters. Growing left and right in separate runs gives the model a full-resolution view of each new region.
</Tip>