The latest articles on DEV Community by dnyh2 (@2yh02). https://dev.to/2yh02 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%2F3758729%2F95e4378b-149d-4e1f-8192-da614776f831.jpg https://dev.to/2yh02 en dnyh2 Sat, 07 Feb 2026 17:31:48 +0000 https://dev.to/2yh02/i-rebuilt-my-old-image-processing-library-with-rust-webassembly-22fl https://dev.to/2yh02/i-rebuilt-my-old-image-processing-library-with-rust-webassembly-22fl <h2> Rebuilding an old browser image library with Rust + WebAssembly </h2> <p>I originally started this project as a small practice project for two things:</p> <ul> <li>publishing a library</li> <li>learning Rust + WebAssembly in a real workflow</li> </ul> <p>I paused it for a while, and recently came back to improve it properly: <strong>img-toolkit</strong>.</p> <p>It’s a browser image processing library with a Rust/WASM core and a JS/TS wrapper.</p> <ul> <li>resize</li> <li>format convert (<code>jpg/png/webp</code>)</li> <li>brightness adjustment</li> </ul> <p>GitHub: <a href="https://github.com/2YH02/img-toolkit" rel="noopener noreferrer">https://github.com/2YH02/img-toolkit</a><br> Demo: <a href="https://2yh02.github.io/img-toolkit" rel="noopener noreferrer">https://2yh02.github.io/img-toolkit</a> <br> npm: <a href="https://www.npmjs.com/package/img-toolkit" rel="noopener noreferrer">https://www.npmjs.com/package/img-toolkit</a></p> <h2> Why I restarted it </h2> <p>I wanted to turn it from a simple practice repo into something cleaner and actually usable.</p> <h2> Recent improvements </h2> <ul> <li>API cleanup with clearer function boundaries: <ul> <li><code>processImage</code></li> <li><code>resize</code></li> <li><code>convertFormat</code></li> <li><code>adjustBrightness</code></li> </ul> </li> <li>Better WebP behavior across runtime environments</li> <li>Cleaner user-facing error behavior</li> <li>Documentation and release process improvements</li> </ul> <h2> Quick comparison (same source image) </h2> <ul> <li>Original: <strong>747 KB</strong> </li> <li>JS canvas output: <strong>49.3 KB</strong> </li> <li>Rust/WASM output: <strong>41.3 KB</strong> </li> </ul> <p>(Comparison images are in the README.)</p> <p>It’s still a work in progress, but it’s now much more usable than before.<br><br> If you try it, I’d really appreciate feedback on API design and real-world use cases.</p> webdev rust javascript webassembly