HomeArticles ToolsAbout SupportSubscribe

// Free Online Tool

Image Size Reducer for Website

Reduce image file size before uploading to your website, blog, or CMS. Convert to WebP, hit the right dimensions, and compress to the ideal quality. Free, instant, private.

Why reduce image size before uploading to a website?

Most CMS platforms (WordPress, Squarespace, Webflow, Ghost, Wix) have maximum upload size limits and do not reliably optimize uploaded images. Even when a plugin handles resizing, the original large file is often stored, and image metadata (EXIF data from cameras) can add hundreds of KB to each photo. Pre-optimizing images before upload gives you full control over quality, format, and dimensions.

Recommended sizes for common CMS image types

  • Blog post featured image: 1200×630 px, WebP quality 82, target under 200 KB
  • Body/inline image: 800–1000 px wide, WebP quality 80, target under 150 KB
  • Hero/banner: 1920×800 px, WebP quality 85, target under 400 KB
  • E-commerce product: 800–1200 px square, WebP quality 85, target under 250 KB
  • Avatar/logo: 200–400 px, WebP or PNG quality 90, target under 50 KB

WordPress-specific tips

WordPress generates multiple image sizes (thumbnail, medium, large, full) from each upload. By pre-optimizing to the "full" size before upload, you ensure all generated sizes start from a smaller source. The WebP format is natively supported in WordPress 5.8+ — but only for images served from the Media Library. For converting existing uploads, use a plugin like Imagify or EWWW Image Optimizer.

Frequently asked questions

WebP is the recommended format for all modern CMS platforms. WordPress 5.8+, Shopify, Webflow, Ghost, and Squarespace all support WebP uploads. WebP produces 25–35% smaller files than JPEG while maintaining equivalent quality. For platforms that don't yet support WebP uploads, use JPEG at quality 82–85.
The featured image should be 1200×630 px (the standard Open Graph dimensions) at under 200 KB in WebP. Inline article images work well at 800–1000 px wide and under 150 KB. These sizes display well at all screen sizes and load quickly even on slow mobile connections. Use the resize inputs in this tool to hit those dimensions precisely.
Yes — a CDN improves delivery speed by serving files from geographically closer servers, but it doesn't change the file size. A 2 MB unoptimized image served from a CDN still transfers 2 MB to the user. CDN + optimized images is the correct combination for maximum performance.
CMS auto-resizing handles dimensions but usually doesn't change the format or apply aggressive compression. Even with auto-resizing enabled, pre-optimizing to WebP format before upload typically results in 30–50% smaller files than the CMS-generated versions. The best performance comes from providing the CMS with an already-optimized WebP source.