Compress Images for WordPress & Shopify — No Plugin Needed, Free

Image optimization plugins charge $4-25/month. You can get the same result for free by compressing images before you upload them. Resize to the right dimensions, compress to 80% quality, and optionally convert to WebP. Your WordPress or Shopify site loads faster, and you save on plugin subscriptions and hosting storage.

Why Pre-Upload Optimization Beats Plugins

Factor	Pre-Upload (Browser Tools)	Plugin (ShortPixel, Imagify, etc.)
Cost	✓ Free	$4-25/month after free tier
Quality control	✓ You set the quality slider	~Plugin decides (some offer settings)
Server storage	✓ Only optimized files stored	✗ Original + optimized both stored
Processing time	✓ Before upload (no server load)	✗ Runs on your server after upload
Batch control	✓ Process before upload at your pace	~Bulk optimize runs, can slow site
Format conversion	✓ Convert to WebP before upload	~Some plugins auto-convert
Works on all CMS	✓ WordPress, Shopify, Squarespace, anything	✗ Plugin-specific to one CMS
Setup complexity	✓ None (just use browser tools)	~Install, configure, manage API keys

The only scenario where plugins genuinely win: you have thousands of existing unoptimized images already in your Media Library and need to bulk-process them retroactively. For that, a plugin is convenient. For new images going forward, pre-upload optimization is superior.

WordPress Optimization Workflow

1. Check your theme's content width. Look at your site. Right-click any full-width image, select Inspect, and check the displayed width. Typical content widths: 800-1200px. Full-width banners: 1200-1600px.
2. Resize to 2x the display width. If your content area is 800px wide, resize images to 1600px. This provides sharp images on retina/HiDPI screens without going to the full camera resolution.
3. Compress at 80-85% quality. This reduces file size by 50-70% with no visible quality difference at web display sizes.
4. Optionally convert to WebP. WordPress 5.8+ supports WebP natively. WebP files are 30-50% smaller than JPG at the same quality.
5. Upload to Media Library. The image is already optimized. WordPress generates its standard sizes (thumbnail, medium, large) from your pre-optimized upload, so all generated sizes are efficient too.

Shopify Optimization Workflow

Shopify has its own quirks:

1. Resize product images to 2048x2048 max. Shopify supports up to 4472x4472, but anything over 2048px adds file size without visible benefit. Shopify's zoom feature works fine at 2048px.
2. Compress at 85% quality. Slightly higher than WordPress because Shopify re-compresses on delivery. Starting from 80% and getting re-compressed to 75% produces worse results than starting from 85%.
3. Upload as JPG or PNG. Shopify auto-serves WebP to browsers that support it. You do not need to upload WebP yourself. Shopify handles the conversion on their CDN.
4. Use consistent square images for product grids. Shopify themes display product thumbnails in grids. Inconsistent aspect ratios create uneven grids. Crop all product photos to the same aspect ratio (1:1 square is most common) using the Image Cropper before uploading.

Common CMS Image Sizes

Image Location	Recommended Upload Size	Quality	Estimated File Size
WordPress hero/banner	1600x900 or 1920x1080	80%	150-300KB
WordPress blog post image	1200x800	80%	80-200KB
WordPress thumbnail	600x400	75%	30-60KB
Shopify product image	2048x2048	85%	200-400KB
Shopify collection banner	1200x600	80%	100-200KB
Squarespace hero	1500x1000	80%	120-250KB
Wix gallery image	1200x800	80%	80-200KB
OG/social sharing image	1200x630	80%	80-150KB

Plugin Comparison (If You Still Want One)

If you have existing unoptimized images on your WordPress site and want retroactive optimization, here are the main plugins:

Plugin	Free Tier	Paid	Auto WebP	Lazy Load	Notes
ShortPixel	100 images/month	$4.99/mo (5,000/mo)	✓ Yes	✓ Yes	Best free tier for small sites
Imagify	20MB/month	$4.99/mo (500MB/mo)	✓ Yes	✗ No	Good compression, tight free limit
TinyPNG/TinyJPG	500 images/month	$25/year	✗ No	✗ No	Most well-known, decent free tier
Smush (WPMU DEV)	Unlimited (1MB limit)	$7.50/mo	✓ Pro only	✓ Pro only	Unlimited free but limited per-image size
EWWW Image Optimizer	Unlimited local	$7/mo for cloud	✓ Yes	✓ Yes	Can process locally (no upload), unique

For new sites or sites with under 100 images, pre-upload optimization with free browser tools is simpler and costs nothing. For established sites with 500+ existing unoptimized images, a plugin can retroactively fix everything. But even with a plugin, pre-optimizing new uploads produces better results because you control the quality settings.

For the full image optimization pipeline beyond CMS-specific advice, see our complete web optimization guide. For processing many images efficiently, check our batch processing workflow.