I Compressed 1000 Images in the Browser — What I Learned About Client-Side Performance

Short summary

Developer built compress2png.com for client-side image compression and benchmarked it against server upload for 1000 images: 8 min 12 sec vs 47 minutes. Core findings: quality 0.7 achieves 73% compression without visible loss; WebP outperforms JPEG by 25–35%; batch processing (50 images) and OffscreenCanvas prevent memory crashes and keep UI responsive. Applies same patterns to svg2png and genbarcode—client-side processing is production-ready.

• •Client-side compression is 5–6× faster than server upload: 8 min 12 sec vs 47 min for 1000 images
• •Quality 0.7 is optimal JPEG setting: 60–75% compression with zero visible loss
• •WebP beats JPEG by 25–35% at identical visual quality; Safari WebP limitation noted
• •Batch processing (50-image windows) and OffscreenCanvas critical for memory safety and UI responsiveness

Generated with AI, which can make mistakes.