Using the image editor

You can use the image editor to edit and resize images that you want to use in your Shopify admin.

Before you edit your images, you should understand how the aspect ratio of your images affects how they appear on websites.

Understanding image aspect ratio

An image's aspect ratio is the ratio of its width to its height. For example, an image that is 200 px by 400 px has an aspect ratio of 1:2. An image that is 150 px by 450 px has an aspect ratio of 1:3.

Images can be different sizes and still have the same aspect ratio. To calculate whether images have the same aspect ratio, divide each image's width by its height, and then compare the results.

Using a consistent aspect ratio for all the images of a particular type makes them display better side by side, because they all display as the same size. For example, if you want your product images to display as the same size within a collection, then they need to have the same aspect ratio.

You can use the image editor tocrop your imagesto have the same aspect ratio.

Open the image editor

You can use the image editor to edit product images.

Steps:

1. From your Shopify admin, go to产品.

2. 按k the name of the product that has the image that you want to edit.

3. In theMediasection, click the product image that you want to edit.

Crop an image

You can crop an image to remove part of the image. This is useful when you want to display only a part of the image, or when you need to change the image's aspect ratio.

Steps:

1. 按kCrop.
2. Frame the area of the image that you want to keep:
   • If you want to crop the image into a custom size, then clickFreeform. You can click and drag the corners of the highlighted area or click inside the highlighted area and drag it to a different position.
   • If you want to crop the image using the same aspect ratio as the image, then clickOriginal. You can click and drag the corners of the highlighted area to resize it, or click inside the the highlighted area and drag it to a different position. The aspect ratio stays the same as the original image when you resize it.
   • If you want to crop the image into a square, then clickSquare. You can click and drag the corners of the square to resize it, or click inside the square and drag it to a different position. The aspect ratio of the square stays the same when you resize it.
3. 按kApplyto crop the image.
4. When you're done making edits in the image editor, clickSave.

Draw on an image

You might want to draw on an image to add a line, highlight part of the image, or add a design.

Steps:

1. 按kDraw.
2. Select a color and a brush size.
3. 按k and drag on the image to draw.
4. 按kApplyto add the drawing.
5. When you're done making edits in the image editor, clickSave.

You can use the eraser to remove all or part of a drawing. The eraser doesn't remove anything from the original image.

Resize an image

You can resize an image to change its actual size.

Steps:

1. 按kResize.
2. Enter the new width for the image. The height is automatically updated to keep the same aspect ratio. If you want to resize the image without keeping the same aspect ratio, then clickLock aspect ratio. Resizing your image withoutLock aspect ratiodisabled can distort your image.
3. 按kApplyto resize the image.
4. When you're done making edits in the image editor, clickSave.

Change an image's orientation

You can flip or rotate an image to change its display orientation. You can also tilt the image within its frame.

Steps:

1. 按kRotate.
2. To change the image's orientation:
   • 按kRotate clockwiseto turn the image..
   • 按k theFlip verticallyorFlip horizontallybuttons to flip the image.
3. 按kApplyto change the image's orientation.
4. When you're done making edits in the image editor, clickSave.