Back to articles
Free Image Tools That Run Entirely in Your Browser (No Server Upload)

Free Image Tools That Run Entirely in Your Browser (No Server Upload)

via Dev.toTateLyman

I have a thing about uploading files to random websites. Call it paranoia, call it good practice — either way, I built a bunch of image tools that work 100% in your browser. No server. No account. No "processing on our end." Here's what's available and how they work under the hood. Image Compressor devtools-site-delta.vercel.app/image-compress This one gets the most use from me personally. I compress screenshots and blog images before uploading them anywhere. The tool uses the Canvas API to re-encode images at a lower quality setting: function compressImage ( file , quality = 0.7 ) { return new Promise (( resolve ) => { const img = new Image (); img . onload = () => { const canvas = document . createElement ( ' canvas ' ); canvas . width = img . width ; canvas . height = img . height ; const ctx = canvas . getContext ( ' 2d ' ); ctx . drawImage ( img , 0 , 0 ); canvas . toBlob ( resolve , ' image/jpeg ' , quality ); }; img . src = URL . createObjectURL ( file ); }); } The quality param

Continue reading on Dev.to

Opens in a new tab

Read Full Article
2 views

Related Articles