How to Resize Images for WordPress and Website Upload
Uploading full-sized photos straight from your camera to WordPress is one of the most common causes of slow websites. A single unoptimized image can be 5 to 15 megabytes — large enough to push your page load time past the threshold where Google starts penalizing your search ranking. Resizing images before upload is the simplest and most effective step you can take to speed up your site, and you can do it in seconds with a free browser-based tool.
Why Large Images Hurt Your WordPress Site
When a visitor loads a page on your WordPress site, their browser downloads every image on that page. If your hero image is a 6000x4000 pixel JPEG from a smartphone camera, the browser downloads a 10 MB file, scales it down to fit the layout, and displays it. The visitor sees the same image they would have seen from a properly resized 200 KB version — but they waited 10 to 50 times longer for it. Page speed affects more than user experience. Google's Core Web Vitals use metrics like Largest Contentful Paint (LCP) — the time it takes for the main image on the page to appear — as direct ranking signals. Slow pages rank lower. They also have higher bounce rates because visitors leave before the page finishes loading. WordPress does generate smaller thumbnail versions of uploaded images, but these are for use in specific template locations like archive grids. The full-size upload remains on your server and is often used in page builders, custom post types, and featured image slots. Plugins like Smush or ShortPixel can compress images after upload, but they cannot undo the fundamental problem of uploading an unnecessarily large file. Resizing before upload is the correct solution. As a general rule, no image displayed on a website needs to be wider than 2000 pixels unless you are specifically serving images to very large monitors or offering a zoom feature. For standard content images, 1200 pixels wide is sufficient. For thumbnails, 400 to 600 pixels is plenty.
Recommended Image Dimensions for WordPress
The right dimensions depend on your theme and how images are used, but these guidelines cover the most common scenarios. Featured images for blog posts are typically displayed at the full content width, which for most themes is between 800 and 1200 pixels wide. A good default is 1200x628 pixels — this also matches the Open Graph image size used when your post is shared on social media. Hero images at the top of pages are usually full-width. Most desktop monitors are 1920 pixels wide, so 1920x1080 pixels is the standard hero size. However, if your theme displays the hero at less than full viewport width, or if you are primarily targeting mobile users, you can use a smaller size. Product images in WooCommerce are best at a consistent square size. Most themes use 800x800 or 1000x1000 pixels for product main images. Consistency matters here — if some products have 800x800 images and others have 1200x900 images, your grid layouts will look uneven. Gallery images should be resized to the largest size they will be displayed in the gallery, typically 1200 to 1600 pixels on the long edge. Do not upload 4000-pixel images just because the gallery has a lightbox — users rarely examine gallery images at full resolution on a website. Our Image Resizer lets you process up to 10 images at once. Drop your whole batch of photos, set a consistent target width, and download the resized versions ready for upload.
Step-by-Step: Resize Images Before WordPress Upload
Follow these steps to prepare images for your WordPress site using our free Image Resizer. Open the Image Resizer in your browser. No account or installation needed. Click the upload area or drag your images into it. You can add up to 10 images at once for batch processing. For blog featured images, set the width to 1200 pixels. Make sure the aspect ratio lock is enabled so the height adjusts proportionally. If you need a specific crop (such as 1200x628 for social sharing), unlock the aspect ratio, enter both dimensions, and accept that the image will be stretched — or better yet, use the Image Cropper to crop to the right ratio first, then resize. For hero images, set the width to 1920 pixels. For product images, set both width and height to 800 pixels (or your theme's specification) and unlock the aspect ratio only if you want the image stretched to exactly square — cropping to square first usually looks better. Choose WebP as the output format if your WordPress theme and hosting support it (virtually all modern setups do). WebP files are typically 25 to 35 percent smaller than equivalent JPEG files at the same visual quality. If you need JPEG for compatibility with an older plugin or system, use quality 85. Click Resize, then Download. Upload the resized files to WordPress via Media Library or directly through your page builder.
Checking Image Size After Resizing
After resizing, it is worth verifying that your images are actually the size you intended. On Windows, right-click the file, select Properties, and go to the Details tab — this shows the pixel dimensions and file size. On Mac, open the image in Preview and go to Tools > Show Inspector. As a rough benchmark, a properly resized and compressed web image should meet these targets: blog featured images (1200x628) should be under 150 KB; hero images (1920x1080) should be under 300 KB; product images (800x800) should be under 100 KB. If your resized images are larger than these benchmarks, check whether you saved as WebP (smaller) or JPEG (larger), and consider reducing the quality slider. For ongoing site maintenance, Google PageSpeed Insights (free) will flag oversized images on any page. Enter your URL and look for the Properly Size Images recommendation. It will tell you exactly which images are too large and by how much. If you find yourself resizing images for WordPress regularly, consider building a simple workflow: whenever new images come in, drop them in our Image Resizer, set your standard dimensions, and save to a designated web-ready folder. This takes less than a minute per batch and prevents the accumulation of performance debt that slows sites down over time.
Frequently Asked Questions
- Does WordPress automatically resize images when you upload them?
- WordPress generates several predefined thumbnail sizes when you upload an image — typically thumbnail (150x150), medium (300x300), medium-large (768 pixels wide), and large (1024 pixels wide). Your theme may register additional sizes. However, the original full-size file is always kept on the server and is often served in featured image slots and page builder layouts. Uploading a 12 MB camera photo still means a 12 MB file on your server, even if WordPress also creates smaller versions. Resizing before upload avoids this issue entirely.
- What is the best image format for WordPress?
- WebP is the best format for most WordPress images. It produces files 25 to 35 percent smaller than JPEG at equivalent quality, supports transparency (unlike JPEG), and is supported by all modern browsers and WordPress versions 5.8 and above. PNG is best for logos and graphics where exact colors and sharp edges matter. JPEG remains a reasonable fallback for broad compatibility. Avoid uploading BMP, TIFF, or raw camera formats directly to WordPress — convert them first.
- Should I resize images before or after uploading to WordPress?
- Always resize before uploading. Resizing afterward requires either manually replacing each media file or using a plugin to regenerate thumbnails, and the oversized original file often persists on your server either way. Resizing before upload takes seconds and ensures that only the correctly sized file is stored. This saves server storage, reduces bandwidth costs, and improves page load times from the moment the image first appears on your site.