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, HEIC, or AVIF. 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.
If you also need to format JSON or inspect a token without pasting it onto a public site, use ToolBuddy. That stays in the browser too.
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.