IMAGE GUIDE
How to Compress and Resize an Image for Export
Reduce pixel dimensions for the actual use case first, then choose JPG or WebP and lower quality gradually. This usually balances clarity and file size better than aggressive quality reduction alone.
Resize pixels first
Pixel count is a major contributor to file size. If a page displays an image at 1200 pixels wide, exporting it at 4000 pixels is usually unnecessary. Keep aspect ratio locked to prevent distortion and disable enlargement to avoid upscaling small sources.
Adjust compression quality
Lower JPG and WebP quality usually creates smaller files, but fine detail, text edges and gradients can show artifacts. Start at 90%, then compare 75% or 60% using the generated preview and file size. A quality percentage is not a percentage of detail retained.
Choose a format for the content
JPG and WebP work well for photos. Use PNG or WebP when transparency is required. PNG is often preferable for logos, icons and assets that need further editing; because it is lossless, a quality slider does not reduce it like JPG or WebP.
Why an exact KB target cannot be guaranteed
Final size depends on dimensions, color variety, texture, noise, transparency and the browser encoder. The same quality value produces different sizes for different images, so compare actual output rather than treating quality as a fixed file-size target.
Published and updated August 19, 2026.