How to Compress, Resize and Convert Images for the Web (Without Photoshop)

Oversized images are the #1 reason websites feel slow — and the #1 reason uploads get rejected by portals with size limits. Here's the complete workflow, no Photoshop required.

Resize first, compress second

A 4,000-pixel photo displayed at 800 pixels wastes 96% of its data. First scale it to the size it will actually display with the image resizer — halving the dimensions cuts file size by roughly 75% before any compression. Then run the image compressor on the result; quality 70–80% is invisible to viewers and saves another 50%+.

Pick the right format

Photos: JPG or WEBP. Logos, screenshots, anything with text: PNG. Websites: WEBP wherever possible — typically 25–35% smaller than JPG at the same quality. Convert in either direction with the JPG to PNG, PNG to JPG and WEBP converters.

Hitting a hard limit like "max 100 KB"

Government portals, job sites and college forms love tiny limits. The sequence that works: resize to the minimum acceptable dimensions → convert to JPG → compress at 60–70% quality. For passport-photo style crops, do the crop first with the image cropper so you're not paying for pixels you'll discard.

Quick edits without an editor

Need a sideways phone photo fixed? Rotate or flip it in one click. Want a classic look or smaller size for documents? The grayscale converter does both.

Images inside code and emails

Developers embedding small icons directly in CSS or HTML can convert any image to a data URI with the image to Base64 converter — one less HTTP request.

Every tool above runs locally in your browser: nothing is uploaded, so it's safe for ID photos and private images, and it's faster than any upload-based service.