브라우저에서 전적으로 파일을 처리하는 45개 이상의 무료 도구를 만들었습니다. 아키텍처는 다음과 같습니다.

작성자

카테고리:

← 피드로
DEV Community · Anas Khalid · 2026-08-22 개발(SW)

Anas Khalid

Most free “compress this image” or “convert this PDF” sites work the same way: upload your file to their server, process it, send it back. I built ToolHub to avoid that where possible — most of the 45+ tools on there run entirely in the browser, so the file never actually leaves your device.

A quick sample of what’s on there:

Image tools — compressor, resizer, cropper, format conversion, all processed client-side with a live before/after preview
PDF tools — merge, split, compress, and conversion to/from Word, Excel, and PowerPoint (that last one was the hardest to build — no good client-side library exists for generating real .pptx files, so I ended up hand-building the OOXML structure and verifying it with python-pptx before shipping)
Developer tools — JSON formatter, regex tester, hash generator, Base64, UUID generator
Color tools — color picker (samples real pixel values from an uploaded image), palette generator, format converters
A couple of social tools — YouTube thumbnail downloader, Instagram image resizer

Stack: React + Vite frontend, Node/Express/MongoDB backend for the account/history/favorites side — the file processing itself never touches the server.

Still early on distribution. If anyone’s got thoughts on the tools, or on “browser-based, no upload” as a real differentiator vs. just another free tool site, I’d like to hear it.

TOOLHUB

원문에서 계속 ↗