Outpainting

This guide is based on Control tab functionality.

Note

Screenshots are using Standard UI, but functionality using Modern UI is the same

How it works

Outpaint combines three steps:

• expand the image canvas,
• use the original image as protected mask area,
• run inpaint on newly added regions.

The expanded area is outpainted while the original image area is preserved.

Select what to outpaint

There are several ways to use outpainting:

• If you know target size, use the resizing method.
• If you want to experiment interactively, use the interactive method to zoom and reposition input. Note: interactive editing can be finicky due to current Gradio image-control limits.

Note

Settings at the bottom apply to both methods.

Resize Outpaint

• Select Control tab
• Upload image
  
  Note: Status bar will display image details:

  Control input | Image | Size 768x768 | Mode RGB

• In Size settings
  Select Before -> Mode -> Outpaint
  Select desired size
  Note: Size can be fixed resolution or scale-by.

Note

Resize outpaint mode is different from normal resize. It does not resize input directly. It creates a larger image, places original image in the center, and marks remaining area for outpainting.

Image vs Inpaint Method

With resize outpaint, there are two options:

• Upload input image to Select tab: Uses Image-to-Image outpaint mode. It blends new area more seamlessly, but can also alter original image content. Note: include original image description in prompt to improve blending and reduce replacement risk.
• Upload input image to Outpaint tab: Uses Inpaint-with-Mask outpaint mode. It preserves original image better, but blending outpainted areas can be harder. Note: experiment with mask blur/erode/dilate values.

Example:

Interactive Outpaint

• Select Control tab
• In Input panel, select Outpaint tab
  Interactive outpaint is available only in Outpaint tab.
• Upload image
  
  Note: Status bar will display image details:

  Control input | Image | Size 768x768 | Mode RGB

• Click on edit button in the top-right corner of the image
• Using mouse resize edges of the image
  Confirm resize with the left click
  
  Note: Status bar will display updated image details:

  Control input | Image | Size 898x768 | Mode RGB

• Use mouse scroll to zoom out and left-click drag to position image
  
  Confirm with left click
  
  Note: Status bar will display updated image details:

  Control input | Image | Size 929x929 | Mode RGB
  

Note

Instead of uploading image to Outpaint tab, you can use send to to transfer generated image from Text/Image/Control tabs.

[!TIP] After confirming expand/zoom/reposition, image may look unchanged. Check status bar dimensions to verify updates. This is a limitation of current Gradio. We are evaluating native canvas replacements.

Example

Settings

Strength

In Input settings
set denoising strength to a high value (at least 0.55 or higher)
so outpaint can create new content more freely.

Warning

Using low denoising strength expands the image but often does not outpaint new content.

Mask

In Mask settings
you can control blur/erode/dilate edge overlap between original image and outpainted section.

Tip

Start with 0 for blur/erode/dilate and increase as needed

By allowing larger overlap between original image and outpainted region,
outpaint will be more context-aware since it can "fit" in the image better,
but it will also change edges of original image