Wix Editor: Cropping an Image

4 min read
Crop your images so that only the part you want is displayed on your site. You can manually crop an image, or use ratios and shapes.
In this article, learn how to:
Note:
While you can crop most types of images, it is not possible to crop GIFs.

Cropping an image manually

Manually crop your image from right inside the Editor to show only the specific area you want. Choose the size, position and zoom of the crop.

To crop an image manually:

  1. Click the image in the Editor.
  2. Click the Crop icon .
  3. Crop your image by doing the following:
    1. Drag the crop handles to select the part of the image that you want to crop.
    2. Move the crop window over the exact area you want to crop.
    3. Drag the slider to zoom the image in and out, or enter a percentage value in the text field.
  4. Click Apply.

Cropping an image using ratios

Crop your image using a number of preset ratios from the Wix Photo Studio.

To crop an image using ratios:

  1. Click the image in the Editor.
  2. Click the Settings icon .
  3. Click Adjust.
  4. Click Crop & Resize on the left side.
  5. Click Crop ratio.
  6. Select a ratio to crop the image.
  7. When you are finished, click the checkmark and click Save.

Cropping an image using shapes

Crop an image to the shape of your choice! Choose a shape for your image and customize it to your liking.

To crop an image using shapes:

  1. Click the image in the Editor.
  2. Click the Crop icon .
  3. Click the Shape crop icon
    • Select a shape for your image or click the Add iconto add a custom shape.
    • Drag the slider to zoom in or out of the image. 
    • Click the Reset shape proportions icon to reset the shape to its original proportions.
    • Click one of the Flip icons to flip the shape: 
    • : Flip the shape horizontally.
    • : Flip the shape vertically.
  4. Click Apply to save the crop.

Removing crop from an image

Remove crop from an image to restore it to its original proportion and size.

To remove crop from an image:

  1. Click the image in the Editor.
  2. Click the Crop icon .
  3. Click and drag the handles to the edge of the image.
  4. Click Apply.
Tip:
If you have already cropped an image, the Crop icon will be highlighted when you click the image in the Editor .

Did this help?

|