How to Compress and Resize Images Before Uploading to WordPress

Measure the theme instead of guessing

Article content, cards, product media, and full-width heroes can use different containers. Inspect desktop and mobile rendered dimensions before choosing the source longest edge.

• Read the image element’s rendered width.
• Confirm that srcset and sizes are present.
• Find placements that still request the full original.

Choose a format the whole stack supports

Begin with WebP or JPEG for photos and PNG or lossless WebP for transparency and small UI type. Use a newer format as the only source only when the theme, plugins, CDN, and social previews handle it reliably.

Avoid a repeated compression chain

Manual export, WordPress media processing, optimization plugins, and a CDN can each re-encode. The longer the chain, the harder it is to locate damage. Keep one primary lossy stage and a comparable source.

• Record original bytes and pixels.
• Download the final page asset for review.
• Check that social cards did not receive a tiny derivative.

Protect URLs and layout when replacing old media

Changing media URLs can affect content references, caches, image search, and outside links. Prefer stable URLs or update every reference, cache, and redirect together.