Image editing

Six tools reshape and restyle a photo directly on the canvas: crop, background removal, perspective fit, vertex edit, filters, and a manual eraser. Select an image, or a frame with an image clipped into it, to reach them from the right panel, the floating toolbar, or the right-click menu.

Quick overview

1. Select an image on the canvas, or a frame that has one clipped in.
2. Open a tool: double-click the image for Crop, use the right panel's Filters accordion, or pick an option from the right-click menu.
3. Adjust the tool's settings while it previews live on the canvas.
4. Press Enter or the tool's Apply button to commit, or Esc / Cancel to discard and restore the original.

Detailed reference

Crop

Non-destructive: the full source image is always kept, so you can re-enter crop mode later to adjust or restore it.

1. Double-click the image, or right-click it and choose Crop.
2. Drag the crop rectangle's corner or edge handles to set the area you want to keep. A corner handle resizes both dimensions; an edge handle resizes one.
3. Optionally pick an aspect ratio, rotate, or flip from the crop toolbar.
4. Press Enter or Apply to commit, or Esc / Cancel to discard.

Aspect ratio	Value	Typical use
Free	unconstrained	Any proportion
1:1	1.0	Square, icons and avatars
4:3	1.33	Standard landscape
3:4	0.75	Standard portrait
16:9	1.78	Widescreen
9:16	0.56	Vertical video
3:2	1.5	Classic photo landscape
2:3	0.67	Classic photo portrait

The crop toolbar also has Rotate 90°, Flip horizontal, Flip vertical, and Reset Crop, which returns the rectangle to the full image. A dimmed overlay covers the area outside the rectangle, with a rule-of-thirds grid over the kept area to help with composition. Applying a crop area smaller than about 3 by 3 px is ignored, so you can't accidentally crop an image down to nothing.

Rotating or flipping inside crop mode changes the image immediately. Canceling restores the crop rectangle and dimensions to what they were when you entered, but keeps any rotation or flip you applied along the way, only the crop itself is undone.

Background removal

Two ways to cut out a subject: an automatic AI cutout, or an instant manual punch-out using a frame's exact shape.

AI cutout. Select an image and choose Remove Background. A machine-learning model runs entirely in your browser, no upload, no server round-trip, to detect the subject and erase everything else. The first use downloads the model (roughly 30 to 50 MB); after that it's cached for the session. A progress overlay shows model loading, download percentage, then processing. Only one removal can run at a time; clicking again mid-process is ignored.

After the cutout, the result is trimmed to its visible pixel bounds (with a couple of pixels of padding) rather than keeping the original canvas size, and its traced silhouette is remembered: if you add a stroke to the image afterward, the stroke follows the actual cutout outline instead of the image's rectangular bounding box.

Works best with	Works less well with
A single subject with good contrast against its background	Multiple overlapping subjects, low contrast, heavy blur

Punch Out with Frame. Select a frame together with an image (the frame must not already be merged or clipped) and choose Punch Out with Frame, or press Ctrl + Alt + R. The frame's exact shape is erased from the image's pixels instantly, with no model download and no AI involved. The frame itself is untouched afterward and can be reused elsewhere. See Selection tools for how to build a frame.

Perspective fit

Warps an image using four draggable corner handles, useful for fitting a design onto a mockup surface or adding depth.

1. Select an image and open Perspective Fit.
2. Four handles appear at the image's corners, connected by an outline.
3. Drag any handle; the image warps live to match.
4. Adjust Feather, Blend Mode, Opacity, Shadow, or Anti-aliasing as needed.
5. Press Enter / Apply to bake the warp in, or Esc / Cancel to restore the original.

Setting	Range	Default	Effect
Feather	0 to 10 px	0	Softens the warped image's edges
Blend mode	Normal, Multiply, Overlay, Screen	Normal	How the warped image composites with what's beneath it
Opacity	0 to 100%	100	Overall transparency of the warped result
Shadow	on / off	off	Adds a directional darkening across the surface to suggest depth
Anti-aliasing	on / off	on	Smooths sampling at the edges; off is sharper but can look jagged

Reset Corners snaps the four handles back to the image's original rectangle. Perspective fit also works on an image that's clipped into a frame: the warp is calculated from the visible, clipped pixels, and applying it removes the now-redundant clip since the warped result already contains only that visible area.

Vertex edit

Reshapes a frame's outline using a sparse set of drag handles rather than every point along the traced contour. Works on frame objects, whether from the selection tools, the paint brush's To Selection step, or Convert to Frame. It does not apply to an image that's already merged into a frame, or to a pen tool path.

1. Right-click a frame and choose Edit Vertices, or use the button on the frame's floating bar.
2. Drag a handle to reshape that part of the outline; nearby detail on the same contour follows smoothly.
3. Click near an edge, within about 12 px of it, to insert a new handle there.
4. Click a handle to select it, then press Delete or the Delete Point button to remove it.
5. Press Enter / Apply to rebuild the frame, or Esc / Cancel to restore the original outline untouched.

Outline source	Outer handles	Hole handles (e.g. a letter's counter)
Shape-based frame	roughly 6 to 14, scaling with outline length	roughly 4 to 8
Image-traced frame (Quick Select, Lasso, Polygon)	roughly 8 to 18	roughly 5 to 10
Text-derived frame	roughly 6 to 10	roughly 4 to 6

A contour can't be reduced below 3 handles. Dragging existing handles keeps the outline smooth, especially on curved or text-derived frames; inserting or deleting a handle rebuilds that part of the outline from the remaining handles instead.

Note that a pen tool path is itself a frame, so once you select it you can open Edit Vertices on it as well; this is the whole-contour, handle-based counterpart to the pen's own live anchor tools. See Pen tools.

Filters

Non-destructive adjustments stored as metadata on the image, so they stay editable until export.

Filter	Range	Step	Default
Brightness	-100 to 100	1	0
Contrast	-100 to 100	1	0
Saturation	-100 to 100	1	0
Blur	0 to 1	0.05	0

Presets: Grayscale, Sepia, and Invert each toggle on their own and combine with the sliders above; Reset All clears every filter at once. Rendering uses the GPU (WebGL) when available and falls back to a CPU-based filter pass automatically if it isn't.

Filters aren't limited to a selected image. The same controls apply to the page's background image from a separate panel shown when nothing is selected, and to video clips, where the settings are stored with the clip and rendered at export or playback rather than as a live canvas filter.

The adjustments are applied in a fixed order, regardless of the order you touched the sliders: brightness, then contrast, then saturation, then the preset, then blur. Only one preset (Grayscale, Sepia, or Invert) can be active at a time; picking a new one replaces the last.

Eraser

A manual paint-to-transparent tool for a single image, for touch-ups an AI cutout or a frame shape can't quite capture.

1. Select an image and open the Eraser.
2. The image is temporarily hidden behind a checkerboard so you can see exactly what's transparent as you paint.
3. Paint over the areas you want to remove.
4. Click Apply to bake the transparency into a new image at the same position, scale, and rotation, or Cancel to restore the original untouched.

Control	Range	Default
Brush size	3 to 100 px	20

Unlike background removal, the eraser involves no AI and no frame geometry: it's a freehand brush under your direct control, useful for small fixes after either of the other two methods.

Image properties panel

Beyond the tools above, a selected image exposes a few controls in the right properties panel.

Control	Notes
Border color and width	Adds an outline around the image; the width keeps its thickness at any zoom. On a background-removed image the border traces the actual cutout contour rather than the rectangular box
Corner radius	Rounds the image corners by clipping to a rounded rectangle. Available on a standalone image only; it is hidden while the image is clipped into a shape or frame, because it would break the clip
Clip position	Shown only for an image clipped into a shape or frame, it controls how the picture sits inside the outline (cover by default)
Filters accordion	Opens the Brightness, Contrast, Saturation, Blur, and preset controls described above

Opacity and shadow for an image live in the shared appearance controls, the same ones other objects use; see the properties panel.

Step by step

Crop to a square avatar, then straighten

1. Double-click the photo to enter crop mode.
2. In the crop toolbar, choose the 1:1 aspect ratio. The rectangle snaps to a square and stays square as you drag it.
3. Drag the rectangle over the face or subject, using the rule-of-thirds grid to place it.
4. If the source is rotated, click Rotate 90° to bring it upright (this rotation sticks even if you cancel the crop).
5. Press Enter to apply. Re-enter crop mode any time to adjust, the full source is always kept.

Cut out a subject, then clean the stray pixels

1. Select the photo and choose Remove Background. Wait for the model to load and process (the first run downloads it once).
2. When the cutout appears, look for leftover fringe or a spot the model missed.
3. Open the Eraser, set a small Brush size, and paint over the stray pixels against the checkerboard so you can see exactly what becomes transparent.
4. Click Apply to bake the cleanup into the image.

Give a photo a black-and-white, high-contrast look

1. Select the photo and open the Filters accordion in the right panel.
2. Click the Grayscale preset.
3. Raise Contrast toward +40 to deepen the blacks and brighten the highlights, and nudge Brightness if it looks flat.
4. The adjustments stay as editable metadata, so you can dial them back or Reset All at any time before export.

Warm up a photo for a vintage tone

1. Open the Filters accordion and click the Sepia preset for a warm cast.
2. Lift Brightness slightly and drop Contrast a little for a faded, aged feel.
3. Add a touch of Blur if you want a dreamier finish. Remember the preset is applied after the sliders, so the sliders shape the base image and Sepia tints the result.

Fit a design onto a mockup surface

1. Crop the artwork to roughly the target proportion first (for example 16:9 for a screen).
2. Select it and open Perspective Fit.
3. Drag the four corner handles onto the corners of the surface in the mockup photo.
4. Turn Shadow on for depth and set a Blend mode like Multiply so it sits into the surface, then press Enter to bake it.

Common tasks

Goal	Recipe
Repeatable, exact-shape cutout	Build a frame (Selection tools), then Punch Out with Frame or Ctrl + Alt + R
Rounded photo corners	Select the image, set a Corner radius in the properties panel (standalone image only)
Outline that hugs a cutout, not the box	Remove the background first, then add a Border width; it follows the traced silhouette
Re-editable color grade	Use the Filters sliders and presets; they stay adjustable until export
Reshape a rough traced frame	Right-click it and choose Edit Vertices
Undo a warp or an erase	These bake into pixels on apply; undo right away, they are not re-editable later like crop and filters

Troubleshooting

Background removal looks rough on some photos

The model is tuned for a single subject with clear contrast. Hair, glass, motion blur, low contrast, or a busy background come out ragged. Clean the edge afterward with the Eraser, or when you need an exact, repeatable edge use Punch Out with Frame instead. The first run downloads the model once (cached for the session), and clicking Remove Background again while it is still working is ignored.

Corner radius does nothing on a clipped image

Rounding is blocked while an image is clipped into a shape or frame, because rebuilding the corner clip would destroy the shape clip. Release the clip first (right-click the image, Release Clip), or round the outline through the frame instead.

Double-click will not enter crop while a selection tool is active

Crop is triggered by double-clicking an image, but that is suppressed when Quick Select, Lasso, or Polygon is running. Exit the selection tool first, then double-click, or use the right-click Crop option.

Other behaviors to know:

• Aspect lock refits the rectangle. Picking a ratio resizes the crop rectangle to match it and constrains it inside the image, so you cannot drag it off-ratio. Switch back to Free to drag corners independently. A crop under about 3 by 3 px is ignored.
• Filters do not stack the way you expect. Because the order is fixed (brightness, contrast, saturation, preset, blur), an adjustment like Saturation has no visible effect once Grayscale is on, since the preset comes after it and removes color.
• Vertex Edit is missing on an image. It only works on an unclipped frame (including a pen path). An image already merged into a frame has no editable outline; Release Clip to get the frame back. A contour also cannot be reduced below 3 handles.
• Crop clears a cutout's border. After you crop a background-removed image, its traced outline no longer matches the pixels, so the contour-following stroke is cleared. Re-add a border width if you still want one.
• Erase and warp are permanent. The eraser and perspective fit replace the image with a new flattened one on apply. Crop and filters stay re-editable, but bake these two only when you are sure.

Keyboard shortcuts

Tool	Shortcut	Action
Crop	double-click an image	Enter crop mode
Crop	Enter	Apply the crop
Crop	Esc	Cancel and restore
Background removal	Ctrl + Alt + R	Punch Out with Frame
Perspective fit	Enter	Apply the warp
Perspective fit	Esc	Cancel and restore
Vertex edit	Enter	Apply the reshaped outline
Vertex edit	Esc	Cancel and restore
Vertex edit	Delete / Backspace	Remove the selected handle

Tips

Baked versus adjustable

Crop and filters stay adjustable metadata you can revisit at any time. Perspective fit and the eraser bake their result into the image's pixels as soon as you apply, so get them right before moving on.

Two ways to remove a background

Reach for the AI cutout on a photo with a clear subject. Reach for Punch Out with Frame when you need an exact, repeatable shape, or don't want to wait on a model download.

Combine selections and vertex edit

A selection tool's frame doesn't have to stay geometric. Trace a rough shape with Lasso or Polygon, then fine-tune it with Vertex Edit before dropping an image in or applying Perspective Fit.

Related

• Selection tools for creating the frames that vertex edit and Punch Out use
• Paint and fill for another path from a painted stroke to a frame
• Properties panel for the color manager and per-object settings
• Pen tools for precise vector paths as an alternative starting point