Skip to main content

Getting Started with Image Editor

This guide will help you get up and running with Image Editor in just a few minutes.

Installation​

  1. Install the App

    • Visit the Shopify App Store
    • Search for "Image Editor"
    • Click "Add app" and follow the installation prompts

  2. Grant Permissions

    • The app will request permissions to read and write product images
    • Click "Install app" to grant these permissions

  3. Access the App

    • Once installed, you can access the app from your Shopify admin
    • Look for "Image Editor" in your apps section

First Image Edit​

Let's walk through your first image editing operation:

Step 1: Select Images​

  1. Open the Image Editor app
  2. Choose how to select images:
    • Product Images: Edit images from specific products
    • Collection Images: Edit images from a collection
    • All Images: Work with your entire image library
    • Upload New: Add new images to edit

Step 2: Choose Editing Tools​

Select from our comprehensive editing toolkit:

Basic Edits​

  • Crop: Remove unwanted parts of the image
  • Resize: Change image dimensions
  • Rotate: Fix image orientation
  • Flip: Mirror images horizontally or vertically

Advanced Edits​

  • Brightness/Contrast: Adjust image lighting
  • Saturation: Enhance or reduce color intensity
  • Filters: Apply artistic effects
  • Background Removal: Remove or replace backgrounds

Optimization​

  • Compress: Reduce file size while maintaining quality
  • Format Conversion: Convert between JPEG, PNG, WebP
  • Quality Settings: Fine-tune compression levels

Step 3: Apply Changes​

  1. Preview your edits in real-time
  2. Compare before and after versions
  3. Apply changes to save the edited images
  4. Optionally create backups of original images

Step 4: Batch Operations​

For multiple images:

  1. Select multiple images
  2. Choose batch operations:
    • Resize all to specific dimensions
    • Apply watermarks
    • Optimize compression
    • Convert formats

Best Practices​

📸 Image Quality​

Always start with high-quality source images for best results.

💾 Backup Originals​

Keep backups of original images before making major edits.

📱 Mobile Optimization​

Optimize images for mobile viewing with appropriate compression.

🎯 Consistent Sizing​

Maintain consistent image dimensions across your product catalog.

⚡ Performance First​

Balance image quality with file size for optimal loading speeds.

Common Use Cases​

Product Photography Enhancement​

  • Remove backgrounds for clean product shots
  • Adjust lighting and contrast
  • Crop to focus on the product
  • Add consistent branding elements

Bulk Image Optimization​

  • Compress all product images
  • Convert to modern formats (WebP)
  • Resize for different display contexts
  • Add watermarks for brand protection

Seasonal Updates​

  • Apply seasonal filters or overlays
  • Update product images with sale badges
  • Adjust colors for seasonal themes

Image Specifications​

  • Product Images: 1024x1024px minimum
  • Collection Images: 1200x600px
  • Banner Images: 1920x600px

File Size Guidelines​

  • Product Images: Under 500KB
  • Collection Images: Under 800KB
  • Banner Images: Under 1MB

Next Steps​

Now that you know the basics, you can explore more advanced features as we add them to the documentation.

Troubleshooting​

Having issues? Contact our support team for assistance.

Need more help? Contact our support team at support@merchinary.com