Skip to content

How to Optimize Images for WordPress (Without Slowing Your Site)

· 3 min read · by DEWANARO

How to Optimize Images for WordPress (Without Slowing Your Site)

Large images are the most common reason WordPress sites feel slow. The best fix is to prepare them properly before uploading, so you never have to rely on a plugin to clean up after the fact.

A simple upload workflow

  1. Resize. Make the picture as wide as your layout needs, usually 1200 to 1600 pixels for content and 1920 for full-width banners. Use the Image Resizer.
  2. Compress. Run it through the Image Compressor at 75 to 85 percent.
  3. Convert if suitable. WebP is supported by WordPress core and all modern browsers. Use JPG to WebP or PNG to WebP.
  4. Name it well. dark-blue-leather-backpack.webp beats IMG_8821.webp.
  5. Upload and add alt text.

Know your theme’s sizes

WordPress creates several smaller copies of each upload (thumbnail, medium, large). Check Settings, Media and your theme’s featured image size. Uploading a 6000 px image only wastes server space, since the extra pixels are never used.

Use Width Target size
Featured image 1200 px under 150 KB
In-post image 800 to 1200 px under 120 KB
Full-width hero 1920 px under 250 KB
Logo SVG or 400 px PNG tiny
Favicon 512 px PNG see favicon guide

Set a site icon

Go to Appearance, Customize, Site Identity and upload a 512 x 512 pixel image. Create one with the Favicon Generator.

Alt text and accessibility

Fill in the Alternative Text for every image. Describe the content in a short sentence and leave it empty for purely decorative pictures. Good alt text helps screen readers and image search.

Lazy loading

Modern WordPress adds loading="lazy" to images automatically. Make sure your main banner is not lazy-loaded, since it should appear immediately.

Clean metadata

Camera photos include EXIF data and sometimes GPS location. Strip it before you upload product or personal photos.

Bulk optimizing existing images

For many images, drop a whole folder into the Image Compressor, download the ZIP and re-upload. Bulk resizing is available in the Bulk Image Resizer.

Checklist

  • Resize to the displayed size
  • Compress to 75 to 85 percent
  • Use WebP for photos where possible
  • Descriptive file names and alt text
  • No EXIF location data
  • Hero image not lazy-loaded

Before you upload

Do the work before the file reaches your media library, since WordPress keeps the original and creates several extra sizes from it. A 6 MB phone photo becomes a pile of large files.

  1. Resize to the largest width your theme actually shows, often 1200 to 1600 px.
  2. Compress to under 200 KB.
  3. Remove unneeded data with remove EXIF data.
  4. Use a clear filename like blue-running-shoes.jpg, not IMG_4021.jpg.

Settings inside WordPress

  • Set an alt text on every image. It helps accessibility and image search.
  • Use the right size when you insert an image, not Full Size by default.
  • Leave lazy loading on, which recent WordPress versions enable by default.
  • Add a featured image at a consistent size for tidy blog cards.

Modern formats

WordPress supports WebP uploads directly. Convert photos with JPG to WebP before uploading for smaller pages.

Housekeeping

Delete unused media from time to time and avoid uploading the same picture twice. For a deeper guide on the whole process, see image optimization for faster websites.

Frequently asked questions

What size should WordPress images be?

Most content images should be 1200 to 1600 pixels wide. Full-width banners can be 1920 pixels. Larger files only waste space.

Does WordPress support WebP?

Yes. WordPress core supports WebP uploads, and all modern browsers display them.

Should I resize images before uploading?

Yes. Uploading right-sized, compressed images keeps your media library lighter and your site faster than relying on automatic fixes.

How do I add a site icon?

Go to Appearance, Customize, Site Identity and upload a square image of at least 512 x 512 pixels.

Try these free tools