Image Optimization for WordPress on Mac

The WordPress media uploader accepts your 6 MB hero PNG, but the homepage still feels slow because the theme outputs the full file in src, not a resized variant. Image optimization for WordPress starts before upload: match pixel width to your theme content area, pick JPEG or WebP, and compress locally so the library stores lean sources.

WordPress upload limits in practice

Hosting configs set upload_max_filesize and post_max_size. A single 10 MB photo may pass while a batch of twelve fails silently or times out.

Limit type	What you feel
PHP upload cap	Single file rejected over threshold
Total POST size	Multi-file upload fails mid-batch
Memory on resize	Server-side thumbnail generation errors
CDN quota	Slow admin, not a hard block

Fix sources on your Mac before Media Library import. Smaller files upload faster and reduce server-side thumbnail work. See how to compress images on Mac for general resize and format rules.

Recommended formats and sizes

WordPress core supports JPEG, PNG, GIF, and WebP in modern installs. Themes and plugins vary in how they emit srcset and modern formats.

Asset	Suggested approach
Featured hero	JPEG or WebP at 2x theme content width
Inline blog photo	1200 to 1600 px wide JPEG
Logo with transparency	PNG after oxipng, or SVG when theme allows
Gallery batch	Consistent max width across set

Read lossy vs lossless compression before you store every photo as lossless PNG. Photos belong in lossy JPEG or WebP after resize.

When your theme documents WebP support, convert heroes locally. PNG to WebP on Mac covers export from design PNG sources.

Prepare images before upload

A repeatable Mac workflow:

1. Note theme content_width or measure the live column in browser devtools.
2. Export from design at that width times two for Retina, not at artboard 3x.
3. Resize in Preview if exports overshoot (Tools → Adjust Size…).
4. Export JPEG at quality 82 to 85 or WebP via cwebp.
5. Upload the optimized file, not the 4000 px master.

Strip GPS EXIF from event photos when location should not publish. Metadata removal is separate from byte size but matters for privacy on public blogs.

Avoid uploading camera HEIC when authors on Windows cannot reuse the asset. Convert to JPEG on your Mac first.

Featured images and content width

Featured images often display wider than inline figures but still below full camera resolution.

WordPress has generated responsive srcset and sizes markup since version 4.4. Its responsive image documentation explains how intermediate sizes let the browser choose a suitable candidate. Confirm that the theme uses this markup for featured images, cards, and custom blocks instead of assuming every Media Library image is delivered responsively.

Theme layout	Export hint
800 px content column	1600 px featured width
Full-width block theme	1920 to 2400 px max unless art demands more
Card grid	Match card CSS width times two

Regenerate thumbnails only after you replace the source file in the library. WordPress keeps older sizes until plugins rebuild them. Upload the correct size first to avoid serving oversized -scaled intermediates.

Pair with optimize images for web on Mac when the same assets also feed a static landing page outside WordPress.

Batch for the media library

Blog migrations and photo essays mean dozens of files in one session.

mkdir wp-upload
for f in *.jpg; do sips -Z 1920 -s formatOptions 85 "$f" --out "wp-upload/$f"; done

Organize originals/ and wp-upload/ separately. Never delete masters until the post is live and verified.

Online WordPress image optimizers send files to third parties. For draft posts, embargoed screenshots, and client work-in-progress, compress locally. See are online file compressors safe for what upload actually means.

Document max width in your editorial checklist so contributors stop uploading phone photos at full resolution.

Add alt text after upload, not before compression. Alt text does not affect bytes, but pairing optimized files with descriptive alt keeps accessibility audits separate from file-size audits.

When a plugin generates WebP on the server, local WebP prep still reduces upload time and admin-side processing load during bulk imports.

Using GetCompress

GetCompress handles mixed image folders on your Mac without upload. Useful when editors prepare a month of posts offline.

• Drop a folder of figures and set max width plus JPEG or WebP output for WordPress import.
• Save presets (for example “WP featured 1920 JPEG q85”) aligned to your theme measurements.
• Preview text-heavy screenshots before batch export.
• Batch image optimization for WordPress on Mac when photo essays exceed ten files per article.
• Convert HEIC iPhone photos to JPEG in one pass before authors open the admin uploader.

GetCompress does not replace WordPress plugins that rewrite front-end markup. It prepares sources so plugins and CDNs have less to optimize later. Folder monitoring can watch a to-upload/ directory and compress new exports when design hands off blog assets each week.

Spot-check one featured image on mobile after upload. Fix width before you tune plugin lazy-load settings.