The latest articles on DEV Community by member_250fe3f1 (@member_250fe3f1). https://dev.to/member_250fe3f1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3983712%2F99fcc6cb-af80-4157-aa2b-dafb58ef3579.png https://dev.to/member_250fe3f1 en member_250fe3f1 Sun, 14 Jun 2026 11:10:01 +0000 https://dev.to/member_250fe3f1/shrinkray-a-free-100-in-browser-image-compressor-no-uploads-open-source-4fa2 https://dev.to/member_250fe3f1/shrinkray-a-free-100-in-browser-image-compressor-no-uploads-open-source-4fa2 <p><em>TL;DR — I built <a href="https://github.com/CopilrGiiiTh/shrinkray" rel="noopener noreferrer">Shrinkray</a>: a free, open-source image compressor &amp; converter that runs **100% in your browser</em><em>. No uploads, no servers, no tracking. Your images never leave your device.</em></p> <h2> The problem </h2> <p>Most "free" online image compressors upload your photos to a server you don't control. For screenshots, IDs, receipts, or product shots, that's a privacy risk you don't need to take.</p> <h2> Shrinkray </h2> <p>Shrinkray does everything <strong>client-side</strong> using the Canvas API. Nothing is ever uploaded.</p> <p><strong>Features</strong></p> <ul> <li>🔒 100% local — files never leave your browser</li> <li>🖼️ Convert between WebP / JPEG / PNG / AVIF</li> <li>🎚️ Quality slider + optional resize</li> <li>📦 Batch mode — drop a whole folder, download all as a zip</li> <li>📋 Paste from clipboard</li> <li>📊 Per-image and total savings %</li> <li>⚡ Installable PWA, works offline</li> <li>🆓 MIT licensed, zero build step (vanilla JS)</li> </ul> <p>In my tests it gets ~85–90% size reduction on photo-like PNGs by converting to WebP, with no visible quality loss.</p> <h2> How it works </h2> <p>Drag images in → pick a format and quality → Shrinkray re-encodes each one with <code>canvas.toBlob()</code> and shows you exactly how much you saved. Everything happens on the main thread in plain JavaScript — no frameworks, no dependencies beyond JSZip (CDN) for the "download all" zip.</p> <h2> Try it </h2> <ul> <li>⭐ Code &amp; README: <a href="https://github.com/CopilrGiiiTh/shrinkray" rel="noopener noreferrer">https://github.com/CopilrGiiiTh/shrinkray</a> </li> <li>🚀 <strong>Live demo:</strong> <a href="https://copilrgiiith.github.io/shrinkray/" rel="noopener noreferrer">https://copilrgiiith.github.io/shrinkray/</a> </li> </ul> <p>It's fully open source — issues, stars, and PRs welcome. Would love feedback on which formats/options you'd want next (thinking: drag-to-reorder, EXIF stripping toggle, and an AVIF quality preset).</p> <p>Built with vanilla JS and a lot of <code>canvas.toBlob()</code>. 🦈</p> javascript webdev showdev opensource