Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk5 min

How to Resize and Compress Featured Images for WordPress

WordPress featured-image size depends on the theme and placement. Find the real display dimensions, crop deliberately, compress by visual inspection, and preview every layout.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

There is no single correct pixel size for every WordPress featured image: the theme and the place it appears determine the dimensions and crop. Find the largest real display size, prepare an appropriately sized image, export and inspect it at display scale, then preview it in both the post and any archive or card layout. Compression is a visual trade-off, not a universal quality setting.

Why featured image dimensions vary

A featured image—also called a post thumbnail—is the representative image for a post, page, or custom post type. The theme must support featured images, and its templates determine where and how each image is displayed. A hero image on a single post may be treated differently from the same image in an archive card or search result. Check the theme documentation and the live layouts before choosing dimensions.

As an Amazon Associate I earn from qualifying purchases.

WordPress creates common image sizes, and themes can register additional ones. The default examples documented by WordPress are settings for generated files, not a recommendation for every featured-image slot:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
WordPress size Documented default What it means
thumbnail Maximum 150 × 150 px Usually proportional unless exact cropping is enabled; often square-cropped by default in generated thumbnails.
medium Maximum 300 × 300 px A generated-size setting, not a universal featured-image dimension.
medium_large 768 px wide, no height limit A generated-size setting that may be useful to some layouts.
large Maximum 1024 × 1024 px A generated-size setting, not necessarily the size a theme requests.

These defaults and the possibility of theme-defined sizes are described in the WordPress Developer Resources guide to featured images. The dimensions your theme actually requests may differ.

#1 Best Overall
wordpress hosting
  • easy to use
  • Free app
  • Compatible with all devices
  • It gives the best comparison between ten different hosts

Find the right dimensions and crop

Check every relevant placement

Locate the featured image on a single post and wherever else the theme uses it, such as archive cards and search results. If a social preview or theme-specific hero area matters to your workflow, check that too. Use the theme’s documentation or inspect the live page to identify the largest display area and whether it expects a particular aspect ratio. Do not change site-wide Media settings to suit one placement unless you understand how the change affects other uses.

Choose proportional resizing or an intentional crop

Resize proportionally to fit the largest actual display use unless the design calls for a fixed ratio. If the theme crops to a fixed shape, keep important subjects and text away from the edges; where available, use the block’s focal-point control to position the subject. For WordPress Media settings, the thumbnail width and height and its crop behavior are configurable, as are maximum dimensions for medium and large sizes. The Media Settings documentation explains these controls.

In the editor, the Image block’s aspect-ratio, scale, and focal-point controls change how the image appears. “Cover” fills the selected shape and can crop the image; “Contain” keeps the full image visible but may leave empty space. Changing the displayed ratio does not edit the original file, so a smaller-looking image in a post is not necessarily a smaller upload. See the Image block guide.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Resize and crop the image

Make a copy of the source first if your edits or optimization process might overwrite it. You can resize in an image editor or use WordPress’s Edit Image tools. WordPress’s guide describes scaling the original down proportionally, cropping to a chosen aspect ratio, and restoring the original. Scaling is down-only; the guide recommends scaling before cropping.

  1. Identify the target: use the largest real display dimensions and crop ratio found in your theme’s layouts.
  2. Resize proportionally: scale the copy to suit that use while preserving its proportions, unless a deliberate crop is required.
  3. Crop only to fit the design: apply the needed aspect ratio and check that the subject remains well positioned.
  4. Upload and inspect: preview the result in the post and each relevant card or archive view, since generated thumbnails and theme-specific sizes may crop differently.

For the controls and restore behavior, see Editing Images in WordPress.

Compress without sacrificing visible quality

Pixel dimensions and file size are different: reducing unnecessary dimensions can help, while compression reduces file size with a possible loss of image detail. WordPress’s image size and quality guidance recommends matching image width to the content area and explains JPEG compression as a balance between smaller files and appearance. Different images need different settings; WordPress does not establish one compression percentage or file-size target that suits every image and site.

Export in a format appropriate to the image, then inspect the exported file at its real display size. Look for compression artifacts, softness, illegible text, and crop errors. If the result looks poor, use a less aggressive setting or a better-sized source and export again. Keep an untouched original or confirm you can restore it before destructive edits or bulk processing.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

What responsive images do—and do not do

Since WordPress 4.4, it has supported responsive srcset and sizes markup. These attributes let a browser choose among the image files listed in the markup according to viewport or resolution. Which candidates are available can depend on theme and plugin output. Responsive delivery helps serve a suitable generated file, but it does not make an unnecessarily huge source image a good upload or guarantee that a theme is requesting the size you intended. WordPress explains the behavior in its responsive images documentation.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Decide whether to optimize manually or with a plugin

Manual editing gives you direct control over dimensions and crop. An optimization plugin can automate compression, resizing, bulk processing, or modern-format workflows, but capabilities, hosting requirements, processing location, backup behavior, and current plan limits differ. The examples below describe vendor or WordPress.org documentation; they are not comparative test results or rankings.

Option Documented capabilities and considerations
Manual editing Lets you set a specific crop and dimensions and inspect each export. You must manage the workflow and handle existing images yourself.
Imagify Its WordPress.org listing describes compression, proportional resizing on upload, bulk optimization, original-image backup and restore, and WebP/AVIF generation and serving. Check current plan limits and test restoration and delivery on your site.
EWWW Image Optimizer Its listing describes resizing on upload or in bulk, compression, format conversion, and local optimization when the host has the required server tools. It also describes a service option, so local processing is not guaranteed on every host.
ShortPixel Image Optimizer ShortPixel describes compression and WebP/AVIF workflows. Its help documentation says the plugin sends images to its optimization cloud and receives optimized files back; account for that processing model if image data handling matters.

Before enabling a plugin, compare the exact crop and dimensions it permits, whether original files are restorable, whether it handles existing media as well as new uploads, format fallback behavior, compatibility with your host, theme and CDN, and any usage quotas or recurring costs. Test on a backup or a small representative set, verify the actual delivered format and visible quality, and then check the live page. No particular plugin can be called best for every site on the basis of these feature descriptions.

When a theme change leaves old thumbnails looking wrong

WordPress generates image sizes when media is processed. If a theme changes the registered dimensions, older uploads may not have files matching the new sizes. Check the theme or plugin’s documented thumbnail regeneration workflow and back up the site before using it; uploading the same original again is not necessarily the right fix. After regeneration, inspect both single posts and archive cards for the intended crop.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.