ClarityHow to use Compress Image
- Choose a supported file using the file picker or drag and drop.
- Set output format, quality (jpeg / webp, %).
- Select Process, review the result, and download it.
Input reference and sample values
Use the units and choices shown for each field. Sample values are provided for practice, not as recommendations.
| Input | Format and units | Sample |
|---|---|---|
| Output format | Choose JPEG / WebP. | JPEG |
| Quality (JPEG / WebP, %) | Numeric value. Minimum: 1. Maximum: 100. | 85 |
Check your output before using it
- Compare downloaded bytes with the original rather than treating the quality percentage as a size reduction.
- Zoom in on text, edges and gradients to check compression artifacts.
Continue this task
- Grayscale Image — Create a grayscale version when color is unnecessary.
The method, explained
The browser re-encodes the image with your quality setting. Lower quality can reduce size but loses detail.
Try quality 75 for a photograph and compare the result before downloading.
What to keep in mind
JPG, PNG and WebP inputs only, up to 20 MB total and 24 million decoded pixels per image. Animated files are treated as still images. JPEG uses a white background for transparency. Output size may increase; review the preview and size.
Common questions
Are my files uploaded?
No. This tool processes files in your browser. Files are not sent to ClarityKit or an external API. Reset the tool or close the tab to release the working files.
What should I do if processing fails?
Check the supported formats and limits above. Try a smaller, unencrypted file and keep the tab open until the result is ready.
Built and checked by ClarityKit. File privacy · Open-source notices