Shopify后台生产力工具:图片编辑器

使用图片编辑器

您可以使用图片编辑器来编辑要在 Shopify 后台使用的图片并调整这些图片的大小。

在编辑图片之前,您应该了解图片的纵横比如何影响它们在网站上的显示方式。

了解图片纵横比

图片的纵横比是指图片的宽度与高度的比例。例如,200px x 400px 的图片的纵横比为 1:2。150px x 450px 的图片的纵横比则为 1:3。

图片可以为不同的大小,但仍然具有相同的纵横比。若要计算图片是否具有相同的纵横比,请将每张图片的宽度除以其高度,然后比较结果。

备注:您可以直接在 Shopify 应用中使用 Shopify 的产品相机以理想的宽高比拍摄产品的照片和视频。

对特定类型的所有图片使用一致的纵横比可以呈现更好的并排显示效果,因为这些图片都将按相同的尺寸显示。例如,如果您希望产品系列中的产品图片都按相同的尺寸显示,这些图片的纵横比则需要保持一致。

您可以使用图片编辑器来裁剪图片,使这些图片具有相同的纵横比。

打开图片编辑器

您可以使用图片编辑器来编辑产品图片。

备注:您无法使用图片编辑器来编辑富文本编辑器中的图片。

步骤:

1.在 Shopify 后台中,转到产品 > 所有产品。

2.点击包含您要编辑的图片的产品名称。

3. 在媒体部分中,点击您要编辑的产品图片。

裁剪图片

您可以对图片进行裁剪以删除图片的一部分。如果您只想展示图片的一部分或者当您需要更改图片的纵横比时,此方法将非常有用。

步骤:

1.点击裁剪。

2.框出要保留的图片区域: - 如果您想将图片裁剪成自定义大小,请单击任意多边形。您可以单击并拖动突显区域的角来调整大小,或者在突显区域内单击并将它拖动到其他位置。

  • 如果您想使用与图片一样的纵横比来裁剪图片,请单击原始。您可以单击并拖动突显区域的角来调整大小,或在突显区域内单击并将它拖动到其他位置。当您调整大小时,它的纵横比将与原始图片的纵横比保持一致。

  • 如果您想将图片剪裁为正方形,请点击正方形。您可以点击并拖动正方形的角来调整大小,或者在正方形内点击并将它拖动到其他位置。当您调整大小时,正方形的纵横比将保持不变。

3.点击应用以裁剪图片。

4.当您在图片编辑器中完成编辑后,点击保存。

Shopify商户官网原文详情:

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.

Note

You can use Shopify's product camera to take photos and videos of your products in the ideal aspect ratio, directly in the Shopify app.

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 to crop your images to have the same aspect ratio.

Open the image editor

You can use the image editor to edit product images.

Note

You can't use the image editor to edit images in the rich text editor.

Steps:

1.From your Shopify admin, go to Products > All products.

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

3.In the Media section, click on 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.Click Crop.

2.Frame the area of the image that you want to keep:

  • If you want to crop the image into a custom size, then click Freeform. 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 click Original. 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 click Square. 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.Click Apply to crop the image.

4.When you're done making edits in the image editor, click Save.

文章内容来源:Shopify商户官方网站 

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)