Image Editing
Slate includes a built-in image cropping tool so you can adjust images without switching to an external editor.
Cropping an image
Section titled “Cropping an image”- Select an Image block that already has an image
- Click the Crop option
- The crop dialog opens with your image
In the crop dialog, you can:
- Drag the image to reposition it within the crop area
- Zoom in or out using the zoom slider
- Set an aspect ratio to constrain the crop proportions
Click Apply to save the cropped version or Cancel to discard changes.
Aspect ratios
Section titled “Aspect ratios”Choose from preset aspect ratios to ensure your cropped image fits your layout:
| Ratio | Use case |
|---|---|
| Free | No constraint, crop to any shape |
| 16:9 | Widescreen, hero images |
| 4:3 | Standard content images |
| 1:1 | Square images |
| 3:2 | Photography-style images |
| 2:3 | Tall portrait images |
The default is Free, which lets you crop to any proportions.
Resetting to the original
Section titled “Resetting to the original”If you want to undo a crop, hover over the image and click the Reset button. This restores the original uncropped image immediately. You can re-crop from the original at any time.
How cropping works
Section titled “How cropping works”When you apply a crop, Slate generates a new version of the image with only the selected area. The original image is preserved, so you can always re-crop or reset to the full image.
Animated GIFs cannot be cropped, since cropping would break the animation.