Image Editor
Crop and adjust images with the built-in editor.
Whenever you upload an image for a companion's avatar or your organization's banner, the Image Editor opens automatically so you can crop it to the right size and shape.
Your own personal account avatar (in Account Settings) skips this editor - it's used as-is without a cropping step.
How it opens
The editor appears as a dialog overlay when you select an image file for upload (such as a companion avatar or your organization's banner). The image loads in the center of the dialog with a crop area overlaid on top.
Cropping your image
The crop area
The crop area is a rectangular selection box on top of your image:
- Drag to move - click and drag inside the crop area to reposition it over the part of the image you want to keep
- Drag the handles - use the corner and edge handles to resize the crop area
- The area outside the crop is dimmed so you can see exactly what will be kept
Aspect ratio presets
Below the image, you'll find a row of aspect ratio preset buttons:
- 1:1 (Square) - perfect for circular avatars and square thumbnails
- 5:1 (Banner) - a wide strip, used for organization banners
- 4:5 (Portrait) - a tall, portrait-oriented crop
- 3:4 (Portrait) - another portrait option, slightly wider
- 16:9 (Landscape) - a wide, cinematic crop
- Free - no fixed ratio; resize the crop area to any shape you want
Depending on where you opened the editor from, only some of these presets may be shown - a banner upload, for example, locks you to 5:1 only. Click a preset to lock the crop area to that ratio; the active one is highlighted with a sliding indigo indicator, not a checkmark. When you switch presets, the crop area automatically re-centers on the image at the new ratio.
Unsupported formats
If you upload an image in a format your browser can't render directly (for example HEIC), the editor can't show a crop area for it right away. Instead, it automatically converts the image on the server before the crop UI loads:
- While the conversion is running, you'll see a "Converting image…" message in place of the crop area.
- If the conversion succeeds, the crop area appears as normal and you continue as usual.
- If the conversion fails, you'll see an "Unsupported image format" message telling you the image couldn't be loaded for editing, and suggesting you upload a JPG, PNG, or WebP file instead.
Applying your crop
Click the Apply button to save your crop. The editor processes the image and produces a cropped file, capped at 2MB. If the resulting file would be larger than that, the editor automatically reduces the image quality (down to a minimum quality level) until it fits within the limit.
The dialog closes and the cropped image is set as your new avatar or picture.
Canceling
Click the Cancel button in the dialog to back out without making changes - clicking outside the dialog doesn't close it. Your original image is left unchanged.
The image editor automatically handles high-resolution displays - your cropped image will look sharp on Retina and other high-DPI screens.
Last updated on