For a WordPress blog post, resize the featured image to 1200 × 630 pixels (or 1200 × 800 if your theme uses a 3:2 crop). Size in-content images to roughly 800–1200 pixels wide, then compress each file to under about 200 KB in WebP or JPEG. The width that actually matters is the one your theme displays, so treat these numbers as a starting point and confirm them against your own layout.
A common mistake is uploading a 4000-pixel phone photo straight into a post and letting the browser shrink it. The page still downloads every pixel, so the post loads slowly even though the image looks small on screen. Resizing before you upload fixes that at the source.
The sections below cover the dimensions for each image type, how to find your theme’s real display width, and how to resize and compress without losing sharpness.
What Are the Ideal Image Dimensions for a WordPress Blog Post?
The ideal featured image for a WordPress blog post is 1200 × 630 pixels, and body images work best at 800 to 1200 pixels wide. Those figures come from the overlap between several image-size guides, though a few of them disagree on exact heights.
| Image type | Recommended dimensions | Aspect ratio | Notes |
|---|---|---|---|
| Featured image (social-friendly) | 1200 × 630 px | 1.91:1 | Doubles as the social share image |
| Featured image (3:2 themes) | 1200 × 800 px | 3:2 | Common blog image size in several guides |
| Portrait featured image | 900 × 1200 px | 3:4 | Only for themes built around portrait cards |
| In-content image | 800–1200 px wide | 4:3 or 3:2 | Depends on your content column width |
| Thumbnail | 150 × 150 to 400 × 400 px | 1:1 | Grids and related-post widgets |
Keep the ratio consistent across your headers. Shopify’s website image size guidelines recommend uniform sizing for blog header images, which keeps archive pages tidy.
Should a Featured Image Be 1200 × 630 or 1200 × 800?
A featured image should be 1200 × 630 if social sharing matters most, and 1200 × 800 if your theme crops featured images to 3:2. Both are 1200 pixels wide, so the only real decision is height, and your theme usually makes it for you.
Web Help Agency’s image size guide points out the practical advantage of 1200 × 630. The same export works as the post header and as the link preview on Facebook, LinkedIn, X and Slack. For that preview, it suggests keeping headlines and faces inside the central 1080 × 600 area, because platforms crop differently on narrow screens.
Some guides cite smaller featured sizes, such as 680 × 382, for themes with narrow content columns. Treat those as theme-specific. If your theme documentation lists an exact featured-image size, use it.
How Do You Find the Exact Width Your Theme Displays?
You find your theme’s display width by inspecting a published post in your browser and reading the rendered size of an existing image. This takes about a minute and beats guessing from a generic chart.
- Open any published post on your site in Chrome, Firefox or Safari.
- Right-click an image and choose Inspect.
- Read the rendered width the inspector shows, and note that it changes if you resize the browser window.
- Check the original upload size in the same panel by hovering over the image file link.
- Set your target width to the rendered width, or to double that if you want crisp results on high-density screens.
A quick check often shows how much is wasted. Shopify’s guide describes a blog header uploaded at 1880 × 1058 pixels but displayed at 589 × 331. Every extra pixel was downloaded for nothing.
How Do You Resize an Image Before Uploading It to WordPress?
To resize an image for WordPress, set the target width first, let the height follow from the original aspect ratio, and compress the result before you upload. That order prevents stretched or squashed images.
The free Image Resizer at Digitaldott runs in your browser. It lets you change dimensions and compress the file size in the same pass, so you don’t need desktop software for a quick job.
- Start from the original file, not a copy that has already been shrunk.
- Enter your target width, such as 1200 pixels, and keep the aspect ratio locked.
- Check the resulting height. A 3000 × 2000 photo becomes 1200 × 800, and a wrong height such as 1200 × 500 distorts the picture.
- Export as WebP or JPEG for photos.
- Compress until the file sits under about 200 KB without visible softness.
- Give the file a descriptive, hyphenated name and add alt text under 100 characters after uploading.
WordPress generates smaller cropped versions (thumbnail, medium, large) from whatever you upload, according to Web Help Agency. That is why you should upload at the largest size you will realistically display, and no larger.
How Can You Resize Many Blog Images at Once?
You can resize many blog images at once with a bulk resizer that applies one set of dimensions to a whole batch. This helps most when you are migrating an older blog or updating a gallery-heavy post.
Digitaldott’s Bulk Image Resizer handles JPG, PNG and WebP files in a single batch, keeps the aspect ratio, and lets you download the results straight away. Drop in a folder of 3000-pixel photos, set the width to 1200, and you have a consistent set ready for upload.
If you manage several client sites, our other free online tools sit in the same hub, so the whole image workflow can live in one place. In the audits I run, a single oversized batch uploaded years ago is often the heaviest thing on an entire blog archive.
Does PPI Matter for WordPress Images?
PPI matters far less than pixel dimensions for WordPress images, because a browser draws the pixels in the file regardless of the PPI value stored in its metadata. Changing a file from 72 to 300 PPI does not make it sharper on screen.
Some size guides still list 72 PPI as a standard for web images, and keeping it is harmless. The setting that changes how an image looks on your blog is width and height in pixels. Our guide on the difference between image resolution and image size explains why the two get confused and when PPI does matter, mainly for print.
If a file arrives from a print workflow with the wrong pixel dimensions, the Change Image Resolution tool lets you adjust pixel dimensions and keep the aspect ratio. It also prepares photos for web, social media or print.
Which File Format and File Size Work Best for a WordPress Blog?
WebP is the best general-purpose format for WordPress blog images, and most content images should stay under about 200 KB. Google’s WebP documentation reports lossy WebP files roughly 25% to 34% smaller than comparable JPEGs.
| Format | Best for | Watch out for |
|---|---|---|
| WebP | Photos, featured images, thumbnails | Some older software lacks support |
| JPEG | Photos where WebP isn’t available | Lossy, no transparency |
| PNG | Logos and graphics needing transparency | Larger files than JPEG |
| SVG | Logos and icons | Poor fit for detailed photos |
Web Help Agency suggests PNG or JPEG for the social share image, since some platforms handle WebP inconsistently in link previews. It also suggests keeping that file under 1 MB. For size targets, it reports that a well-compressed 1200 × 630 WebP typically lands between 40 and 90 KB, so 200 KB leaves plenty of room.
How Do You Keep Blog Images Sharp on Retina Screens?
To keep a blog image sharp on high-density screens, upload it at twice the width it is displayed. A 400 × 300 display slot therefore needs an 800 × 600 file, which is the multiplier Image Optimizer Pro recommends.
Retina sharpness is the reason the 1200-pixel figure is a floor for full-width content, not a ceiling. A column that displays images at 600 pixels wide is well served by a 1200-pixel file. Beyond twice the display width, extra pixels add file weight without adding visible detail.
Resize down from your original rather than scaling a small file up. Enlarging forces software to invent pixels, which leaves the result softer or pixelated.
Why Does Image Size Matter for a WordPress Blog Post?
Image size matters for a WordPress blog post because it affects reader experience, page speed and search visibility. Oversized files slow the page, and undersized ones look blurry.
Shopify’s guide describes the trade-off directly. Too large, and load times climb. Too small, and images look pixelated or blurry. TinySEO adds that images account for around 22% of page weight according to Web Almanac research, which is why resizing is one of the quickest speed fixes on an image-heavy blog.
Correct sizing also saves storage and bandwidth. That matters on hosting plans with resource limits.
What Size Should I Upload Images to WordPress?
Upload images at the largest size you will realistically display, which is usually 1200 pixels wide for in-content images and 1200 × 630 for a featured image. WordPress then creates the smaller versions it needs on its own.
Going far beyond that gains nothing. A 5000-pixel original may be worth archiving, but it does not belong in the media library.
Do I Need Different Image Sizes for Mobile and Desktop?
You usually don’t need separate blog images for mobile and desktop, because one properly sized export scales down well across devices. Separate crops matter mainly for large hero images, where a wide 16:9 desktop crop can lose its focal point on a narrow phone screen.
For standard blog featured images and in-content photos, keep the main subject near the center. A 3:2 or 16:9 crop may be trimmed slightly on small screens.
What Is the Ideal File Size for a Blog Image?
The ideal file size for most blog images is under about 200 KB, with hero or full-width images under about 500 KB. Pixel dimensions do not change that target.
If a correctly sized 1200-pixel image is still heavy, the problem is almost always compression or format. Convert photos to WebP and lower the quality setting until you see the first sign of softness, then step back one notch.
Why Does My Featured Image Look Cropped or Blurry When Shared on Social Media?
A featured image looks cropped or blurry on social media almost always because its aspect ratio is not close to 1.91:1. Platforms then crop it to fit instead of resizing it cleanly.
Re-export the image at 1200 × 630 and keep key content inside the central 1080 × 600 safe zone. If the preview still looks soft, check that the file was not exported smaller than 1200 pixels wide.