A web-based tool that allows users to upload an image and simulate estimated file sizes for different image formats (JPG, PNG, WebP, and AVIF) with adjustable quality settings.
- Image Upload: Drag-and-drop or click to upload images
- Format Support: Compare sizes for JPEG, PNG, WebP, and AVIF formats
- Quality Sliders: Adjust quality settings for each format independently
- Real-time Estimation: Instant size calculations as you adjust quality
- Visual Comparison: Bar chart showing relative sizes across formats
- Best Format Recommendation: Automatically identifies the smallest format option
- Open
index.htmlin a modern web browser - Upload an image by:
- Clicking the upload box and selecting a file
- Dragging and dropping an image onto the upload box
- Adjust the quality sliders for each format to see how it affects file size
- Compare the estimated sizes in the comparison chart
- Use the recommended format for optimal file size
Input Formats:
- JPEG/JPG
- PNG
- WebP
- GIF
- BMP
Output Estimations:
- JPEG (quality: 1-100)
- PNG (compression: 1-100)
- WebP (quality: 1-100)
- AVIF (quality: 1-100)
The tool uses algorithmic estimation based on typical compression characteristics:
- JPEG: Lossy compression with configurable quality (higher quality = larger size)
- PNG: Lossless compression with adjustable compression level
- WebP: Modern format with better compression than JPEG at similar quality
- AVIF: Next-generation format with the most efficient compression
Note: Estimates are based on typical compression ratios and may vary from actual conversion results. For precise measurements, actual format conversion is required.
- Pure HTML, CSS, and JavaScript (no dependencies)
- Client-side processing (no server required)
- Responsive design for desktop and mobile devices
- No image data is uploaded to any server
Works in all modern browsers that support:
- HTML5 File API
- Canvas API
- ES6+ JavaScript
Tested on:
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
See LICENSE file for details.