Skip to content
ZenoCloud Call

How to Upload Images & Watermarks in Magento 2?

Complete guide to uploading product images and adding watermarks in Magento 2 for branding protection.

First written in 2022. Things may have changed since.

Product images are crucial for e-commerce. Learn how to upload images and add watermarks to protect your content.

Why Product Images Matter

  • Drive product sales
  • Build brand identity
  • Improve customer experience
  • Reduce returns
  • Increase trust
  • Improve SEO

Image Specifications

Best practices for product images:

  • Resolution: 1200x1200px minimum
  • Format: JPG, PNG
  • Size: Under 2MB
  • Background: White or transparent
  • Aspect Ratio: 1:1 (square)

Uploading Product Images

  • Go to Catalog > Products
  • Edit a product
  • Scroll to Images section
  • Click "Upload Image"
  • Select image from computer
  • Set image role (base, thumbnail, gallery)
  • Add alt text
  • Save product

Image Types

  • Base Image: Main product image
  • Small Image: Category listing
  • Thumbnail: Cart and checkout
  • Gallery Images: Additional views

Adding Watermarks

Method 1: Using Extensions

  • Install watermark extension
  • Configure watermark settings
  • Upload watermark image
  • Set position and opacity
  • Apply to images

Method 2: Manual Addition

  • Edit images in Photoshop or Gimp
  • Add watermark before uploading
  • Export optimized images
  • Upload watermarked images

Watermark Best Practices

  • Don't obstruct product view
  • Use semi-transparent watermark
  • Place in corner or edge
  • Use logo or website URL
  • Maintain image quality
  • Keep consistent across images

Bulk Image Upload

For multiple images:

  • Use import/export functionality
  • Prepare CSV with image paths
  • Use Image Uploader extension
  • Or upload via SFTP

Image Organization

Folder structure:

  • /pub/media/catalog/product/
  • /pub/media/product-cache/
  • /pub/media/watermark/

Image SEO

Optimize images for search:

  • Add descriptive alt text
  • Use meaningful file names
  • Compress for performance
  • Add structured data
  • Submit to image search

Image Performance

  • Optimize file sizes
  • Use compression tools
  • Lazy load images
  • Use CDN for delivery
  • Monitor load times

Beyond watermarks:

  • Disable right-click image download
  • Use DMCA compliance
  • Monitor image usage
  • Legal notices
  • License agreements
Next step

Run Magento on infrastructure built for it.

See Magento hosting

Related services

Browse all field notes
Quote request

What should we quote?

Describe the configuration or problem, location and timing.