Resize images so they don’t slow a page down
Camera files are often 5000 pixels wide. Your article column is 720. Serving the camera file wastes bandwidth even if you later compress it. Cap the width here, then encode.
Fast · 100% private · Always free · Any browser
Drop images anywhere on this page
JPG, PNG, WebP, GIF, SVG, or HEIC. Your photos stay on this device.
When to use this
Resize when the pixel box is too big for the layout. Compress when the box is right and the bytes are still high.
1200px wide is a solid default for blog posts and product cards. Use 2400 if the same image is shown at 1200 CSS pixels on a 2× screen.
For Instagram crops and stories, use the social page. That one fills a frame instead of fitting inside a max width.
How to do it
- Drop the oversized photos.
- Set max width to 1200 or 1600. Leave percent empty unless you want a relative scale.
- JPG or WebP at ~0.85 is enough for article photos.
- Put the result in your CMS. Do not also upload the 12 MB original “just in case” to the same slot.
Tips
- Never upscale a 400px logo to 1200. It will look soft.
- A consistent width across a gallery looks more intentional.
- After resize, if bytes are still high, run Compress or convert to WebP.
Related
FAQ
- Does this crop the image?
- No. Max width keeps the full picture and scales it down.
- What about height?
- Height follows automatically so the photo is not stretched.
- Will you host the resized file?
- No. Download it and put it on your own site.