What JPG quality setting should I use for website images?
For most website photographs, quality 80-85 provides the best balance of file size and visual quality. Hero images and full-width photos may benefit from quality 85-90, while thumbnails and gallery previews can often use quality 70-75 without noticeable degradation. Test your images at different quality levels and view them at the actual display size to find the sweet spot for your specific content and audience.
Can I compress a JPG multiple times to make it even smaller?
Repeatedly compressing a JPG file causes cumulative quality loss because each compression cycle discards additional data. Always compress from the original high-quality source file rather than from a previously compressed version. If you need a smaller file, increase the compression level in a single pass from the original. This preserves more quality than multiple rounds of lighter compression.
How does JPG compression affect text and screenshots?
JPG compression is designed for photographs with smooth color transitions. On text, screenshots, and images with sharp edges or flat color areas, JPG compression creates visible artifacts like ringing, blurring, and color banding around text and edges. For these types of images, PNG or WebP lossless is a better choice. If you must use JPG for a screenshot, use quality 90+ to minimize artifacts.
What is the difference between baseline and progressive JPG?
Baseline JPG loads from top to bottom, displaying the image line by line as it downloads. Progressive JPG loads in multiple passes, starting with a low-quality version that gradually becomes sharper. Progressive JPG is generally preferred for web use because it gives users a preview faster and can appear to load more quickly. This tool produces standard baseline JPG; for progressive output, use an image optimization tool or CDN that supports it.