Images & Files Sync

Wash automatically handles images and files embedded in your WordPress content, uploading them to Shopify's CDN and updating all URLs in your content.

How It Works

Automatic Image Detection

When syncing a post, Wash:

  1. Scans the content for images
  2. Downloads images from WordPress
  3. Optimizes images (if enabled)
  4. Uploads to Shopify's Files CDN
  5. Replaces URLs in the content

Image Sources Detected

  • Featured images
  • Images in post content
  • Images in galleries
  • Background images in blocks
  • Images in ACF fields (Business+ plans)

Image Optimization

Automatic Optimization

Wash can optimize images before upload:

  • Resize large images — Max width/height configurable
  • Compress quality — Reduce file size while maintaining quality
  • Convert to WebP — Modern format with better compression

Configuration

  1. Go to Wash → Settings → Images
  2. Enable Optimize Images
  3. Set maximum dimensions
  4. Choose quality level (1-100)
  5. Enable/disable WebP conversion

Optimization Settings

SettingDefaultRecommended
Max Width2000px1600-2000px
Max Height2000px1600-2000px
Quality8580-90
WebP ConversionOffOn (with fallback)

Shopify Files CDN

Where Images Are Stored

Images are uploaded to Shopify's Files section:

  • Go to Content → Files in Shopify admin
  • Wash images are prefixed with wash-
  • Original filename is preserved when possible

CDN Benefits

  • Global edge caching
  • Automatic format negotiation
  • Responsive image transforms
  • High availability

URL Replacement

Automatic URL Updates

After upload, Wash updates all references:

  • src attributes
  • srcset attributes
  • href links to images
  • Background URLs in inline styles

Example

Before sync:

<img src="https://mywordpress.com/wp-content/uploads/2024/01/hero.webp">

After sync:

<img src="https://cdn.shopify.com/s/files/1/0123/wash-hero.webp">

Featured Images

Automatic Featured Image Sync

The WordPress featured image becomes the Shopify article image:

  • Uploaded to Shopify Files
  • Set as article featured image
  • Available via article.image in Liquid

Disabling Featured Image Sync

If you don't want featured images synced:

  1. Go to blog mapping settings
  2. Disable Sync Featured Image

File Types Supported

Images

  • JPEG / JPG
  • PNG
  • GIF (including animated)
  • WebP
  • SVG (passed through, no optimization)

Documents (Links Only)

Non-image files are linked but not hosted:

  • PDF links remain pointing to WordPress
  • Or upload manually to Shopify Files

Storage and Limits

Shopify File Limits

  • Individual file: 20 MB max
  • Total storage: Varies by plan (typically unlimited for files)

Wash Processing

  • Images over 20 MB are automatically compressed
  • Very large files may fail — optimize in WordPress first

Troubleshooting

Images Not Appearing

  • Check if the WordPress image URL is accessible
  • Verify the image isn't blocked by authentication
  • Look in Shopify Files to confirm upload

Wrong Image Displayed

  • Clear Shopify CDN cache (wait a few minutes)
  • Re-sync the article
  • Check for duplicate filenames

Large Images Failing

  • Enable optimization with lower max dimensions
  • Compress images before uploading to WordPress
  • Check Wash logs for specific errors

Best Practices

  • Optimize at source — Use appropriate sizes in WordPress
  • Use descriptive filenames — Helps with organization
  • Add alt text — Synced for accessibility and SEO
  • Avoid huge images — 2000px is usually enough

Related Articles