Compress Images for Web
How to finish the file
- 01
Open FastEdit
Go to app.fastedit.net. No installation, no account, runs entirely in your browser.
- 02
Load your images
Drag and drop one or more images. FastEdit accepts JPEG, PNG, TIFF, HEIC, WebP, AVIF, and other supported web-image formats. Nothing is uploaded to any server.
- 03
Choose WebP or AVIF output
WebP is supported by all modern browsers and is 25-35% smaller than JPEG. AVIF is 50% smaller than JPEG but has slightly narrower browser support. Both are excellent for web use.
- 04
Resize to the display size
There is no reason to serve a 4000px image in a 800px container. Resize to the largest display size you need: 1200-1600px wide covers most web layouts including 2x retina.
- 05
Set quality and export
Quality 75-85 is the sweet spot for web images. Or use fit-to-size (100-200KB for content images, up to 500KB for hero images) to control file size directly.
Benefits
- Smaller images mean faster page loads, better Core Web Vitals, and higher SEO rankings.
- WebP and AVIF output delivers the smallest files with the best quality for modern browsers.
- Batch processing optimizes an entire site's image library in one session.
- No recurring costs, free tool replaces paid image optimization services.
- Works offline, so you can optimize images anywhere without internet access.
Compression Tips
- Always serve images at the display size, not the original camera size. A 4000px image in an 800px container wastes 90% of the data.
- For above-the-fold images, target 100-200KB to keep Largest Contentful Paint (LCP) fast.
- Use WebP as your default web format. It is supported everywhere and is 25-35% smaller than JPEG.
- Hero images and banners can be 300-500KB. Thumbnails and content images should be under 100KB.
- Enable lazy loading for below-the-fold images in your HTML. This is a code change, not a compression setting, but it works alongside compression.
Shrink the file, keep the quality in sight, and never hand over the original.
Compress in FastEdit