Resize Images on Upload
Automatically resize uploaded images to sensible maximum dimensions. Prevent 6000×4000px smartphone photos from consuming storage and slowing down your site — resize them to web-appropriate sizes on upload.
Use Cases
- Automatically resize high-resolution phone photos to web-appropriate 1920px dimensions
- Prevent clients from uploading massive files that waste hosting storage
- Optimize mobile photos while maintaining quality and aspect ratio
How It Works
- Someone uploads an image larger than your maximum dimensions
- The module resizes it to fit within those limits
- The aspect ratio is preserved — no cropping or distortion
- The oversized original is replaced with the resized version
If an image is already smaller than the limits, it uploads unchanged.
Settings
| Setting | Type | Default | Description |
|---|---|---|---|
| Max Width | Number | 1920 | Maximum width in pixels |
| Max Height | Number | 1920 | Maximum height in pixels |
| Exclusion Suffix | Text | -full | Skip resizing for files with this suffix |
Where to Find It
Configure in Switchboard → Media → Resize Images on Upload. Once enabled, resizing happens automatically during any upload.
How Aspect Ratio Works
Images are resized to fit within both max width and max height while maintaining their original proportions:
| Original | Max Dimensions | Result |
|---|---|---|
| 6000×4000 (3:2 wide) | 1920×1920 | 1920×1280 |
| 4032×3024 (4:3 wide) | 1920×1920 | 1920×1440 |
| 1500×1500 (1:1 square) | 800×600 | 600×600 |
| 2000×3000 (2:3 tall) | 800×1200 | 800×1200 |
| 1200×800 (already small) | 1920×1920 | 1200×800 (unchanged) |
The module always uses the smaller calculated dimension to ensure the image fits within both limits.
Recommended Dimensions
| Use Case | Suggested Max |
|---|---|
| Most websites | 1920×1920 |
| High-resolution displays | 2560×2560 |
| Thumbnails/cards only | 1200×1200 |
| Print-quality needed | 3840×3840 |
1920×1920 is ideal for most websites — large enough for full-width sections on big monitors, but prevents unnecessarily huge files.
Skip Resizing for Specific Images
Sometimes you need the full resolution. Add the exclusion suffix to any filename:
hero-banner-full.jpg → Keeps original size
product-photo.jpg → Resized to max dimensions
portfolio-full.png → Keeps original sizeThe default suffix is -full but you can customize it.
Supported Formats
The module resizes:
- JPEG — Resized as JPEG (90% quality)
- PNG — Stays PNG if transparent, converts to JPEG if not
- BMP — Converted to JPEG
GIFs and WebP are passed through unchanged.
Existing Images
This module only affects new uploads. Images already in your media library keep their current sizes.
Works With WebP Conversion
This module runs before WebP Conversion. The workflow:
- Large image uploaded (6000×4000)
- Resize module shrinks to 1920×1280
- WebP module converts to WebP format
- Result: Optimized WebP at sensible dimensions
Benefits
Save Storage Space A 6000×4000 JPEG can be 10-15MB. Resized to 1920×1280, it’s typically under 1MB.
Faster Page Loads Smaller source files mean WordPress creates smaller thumbnails too.
Automatic No manual resizing needed — works on every upload without extra steps.
Quality Preserved High-quality resampling algorithms maintain image sharpness.
FAQ
Does this delete the original?
Yes. The oversized original is replaced with the resized version to save storage. If you need full-resolution originals, use the exclusion suffix or adjust max dimensions.Will thumbnails still be created?
Yes. WordPress creates all its usual thumbnail sizes from the resized image. The resize just ensures the source file is reasonable.What about images I resize myself?
If you resize an image before upload and it’s under your max dimensions, it uploads unchanged.Can this break my layout?
Only if your theme requires images larger than your max dimensions. For example, if you set max 800px but your theme uses 1200px wide featured images, they’ll appear upscaled. Set max dimensions larger than your theme’s largest image size.What quality level is used?
JPEG resizing uses 90% quality — high enough to look great while still achieving size reduction.Get access to all 147 modules with a single license