Skip to main content

How To Use Shopify Image Editor: A Detailed Guide

Last updated: November 08 2024

Written and researched by experts at Avada Learn more about our methodology

Photos are essential for showcasing your products, giving customers a clear idea of what they're purchasing. If you’re selling on Shopify, you've likely used the Image Editor tool when uploading images to your product pages.

This tool allows you to edit and resize images directly in your Shopify admin. However, have you explored all the options available for editing your images ? Also, do you understand how your images' aspect ratio affects how they look on websites?

This article will guide you on making the most of these free tools and share helpful tips for using the Image Editor effectively.

Why Should You Use Shopify Image Editor?

The Shopify Image Editor is a convenient, built-in tool that allows you to enhance and tailor your product images directly within the platform, saving time and making it easy to achieve a polished look. Here are a few reasons to consider using it:

  1. Quick Adjustments: Edit, resize, and crop images quickly without external software. This makes it easy to keep your product photos consistent across your store.
  2. Improved Professionalism: High-quality and well-edited images give your store a professional look, building trust with potential customers and improving the overall browsing experience.
  3. SEO Benefits: Resize and compress images help improve your site’s loading speed, affecting SEO and thus helping your store rank higher on search engines.
  4. Device Responsiveness: Optimize images for all screen sizes, ensuring your store looks great on desktop and mobile devices.

How to Crop an Image In the Shopify Store

  • Step 1: Open the Image Editor

To start editing your product images on Shopify, go to the Products section on your dashboard from the left menu. Then, select the product you want to edit.

Open the Image Editor
  • Step 2: On the product editor page, scroll down to the Media section and select the image you want to edit.
select the image you want to edit
  • Step 3: In the media editor, click “Crop and transform.”

Adjust the image to focus on the area you want to keep:

  • Freeform Crop: Select “Freeform” to crop freely; drag the corners or edges of the highlighted area, or reposition it as needed.
  • Maintain Aspect Ratio: Choose “Original” to keep the aspect ratio. Drag the corners to resize while preserving proportions.
  • Square Crop: Select “Square” to crop into a square shape. Adjust the size by dragging the corners or repositioning the square, which will retain its shape.

Once satisfied, click “Apply” to crop. When all edits are complete, hit Save.

In the media editor, click “Crop and transform.”

How to Draw on an Image on Shopify  

Step 1: Log in to your Shopify admin and go to the Products section from the left menu on your dashboard. 

 Log in to your Shopify admin

Step 2: On the product editor page, scroll down to the Media section and select the image you want to edit.

select the image you want to edit.

Step 3: Click on Draw.

  • Choose your preferred color and brush size.
  • Click and drag on the image to draw directly onto it.
  • When you’re finished with your drawing, click Apply to save it.
Click on Draw

If you need to erase part or all of the drawing, use the eraser tool. The eraser only removes the drawing and won’t affect the original image.

Once all edits are complete, click Save.

How to Resize an image On Shopify 

Step 1: To edit product images on Shopify, go to Products in the left menu of your dashboard. Select the product you wish to edit, and adjust the images as needed.

go to Products, select the product you wish to edit

Step 2: On the product editor page, scroll down to the Media section and select the image you want to edit.

select the image you want to edit

Step 3: Click on Resize.

  1. Enter the new width for the image. By default, Lock aspect ratio is selected, so the height will adjust automatically to keep the image’s proportions.
  2. If you only want to change the height or width of an image, click “Lock aspect ratio” to deselect the setting.
Click on Resize.

After setting the desired size, click Done to apply the resize.

Step 4: When you’re done making edits in the media editor, click “Save.”

Some Tips when Using the Image Editor

Using Shopify's Image Editor can help you make product images look professional and appealing. Here are some key tips to ensure your images are consistently high-quality and catch customers' attention.

  1. Consistent Sizing: Use the Crop tool to make all main product images square, creating a uniform, professional look on Collection pages.
  2. Enhance Colors: Adjust colors using Saturation, Warmth, Tint, and Fade to improve photo quality.
  3. Highlight Key Details: Use the Draw tool to emphasize product details, like circling imperfections for vintage items.
  4. Brighten Backgrounds: Adjust brightness, contrast, highlights, and shadows to make products pop, especially on white backgrounds.
  5. Add Text: Use the Text tool to add information directly to images for a polished touch.
  6. Remove Backgrounds: Use a tool like Background Burner to remove unwanted backgrounds, as Shopify’s editor doesn’t support this feature.

Conclusion

I’ve shared my experiences with the Shopify Image Editor—an essential tool for every Shopify user to explore. If you have any questions about using the Image Editor, feel free to leave a comment below, and we’ll be happy to help you with any concerns or inquiries!

Related Post:

FAQs

What is the AI image editor for Shopify?

Shopify has begun integrating AI tools, such as Shopify Magic, to assist with content creation, though a dedicated AI image editor isn’t yet fully integrated. However, third-party apps like PixPix or Adobe Creative Cloud offer advanced AI editing for Shopify images.

How do I use the Shopify theme editor?

In your Shopify admin, go to Online Store > Themes, then click Customize next to your theme. The theme editor allows you to adjust layouts, colors, fonts, and other settings to customize your store’s appearance.

How do I use Shopify images?

Shopify allows you to upload and manage product images, set featured images, and add alt text. Ensure images are high-quality, optimized for web use, and accurately represent your products.

How do I open the Shopify editor?

From your Shopify admin, go to Online Store > Themes and click Customize next to your current theme to open the editor. This lets you modify your store’s look, including layouts, sections, and settings.

 

linkedin
Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.