img-tools 작동 원리 — 브라우저 내 이미지 처리 방식 설명

요약

img-tools에서 도구를 사용하면, 이미지가 브라우저 메모리에 로드되어 사용자의 기기에서 실행되는 코드로 처리됩니다 — 최신 웹 앱을 구동하는 것과 동일한 웹 기술을 사용합니다. 결과물은 로컬에서 생성되어 다운로드로 제공됩니다. 이미지가 인터넷을 통해 전송되는 순간은 단 한 번도 없습니다.

이를 가능하게 하는 기술

Canvas API: HTML5 Canvas를 통해 JavaScript가 이미지의 개별 픽셀을 읽고 쓸 수 있습니다. 크기 조정, 자르기, 회전, 워터마크 삽입, JPEG·PNG·WebP 재인코딩 같은 작업이 브라우저 탭의 캔버스에서 직접 수행됩니다.

WebGL: 실시간 GPU 가속 효과(필터, 보정, 미리보기)를 위해 img-tools는 WebGL을 사용합니다. WebGL은 기기의 그래픽 하드웨어에서 셰이더 프로그램을 실행하므로, 서버와의 왕복 없이 편집을 빠르고 부드럽게 유지합니다.

WebAssembly (WASM): AI 배경 제거, 업스케일링, 객체 감지, 일부 포맷 디코더 등 무거운 작업은 WebAssembly 모듈로 실행됩니다. WASM은 브라우저 내에서 네이티브에 가까운 속도로 실행되는 빠르고 샌드박스된 바이너리 포맷으로, 역시 전적으로 사용자 기기에서 동작합니다.

Cache API: AI 도구는 모델 파일을 한 번만 다운로드하여 브라우저 캐시에 저장합니다. 최초 사용 후에는 모델이 로컬 저장소에서 로드되므로, 도구가 오프라인에서도 작동하며 다시 다운로드할 필요가 없습니다.

'업로드 없음'이 설계상 사실인 이유

일반적인 온라인 편집기는 파일을 백엔드 서버로 전송하고, 서버에서 처리한 뒤 결과를 반환하는 얇은 프론트엔드입니다. img-tools에는 이미지 처리를 위한 그러한 백엔드가 없습니다. 처리 코드가 브라우저에 전송되어 그곳에서 실행되므로, 이미지를 수신하는 서버 자체가 존재하지 않습니다.

이는 정책 속의 약속이 아니라 아키텍처의 특성입니다. 프라이버시 친화적인 분석 도구조차 익명 페이지 조회 수만 집계할 뿐, 이미지 데이터에는 절대 접근하지 않습니다. 사이트의 엄격한 Content-Security-Policy는 페이지가 데이터를 보낼 수 있는 곳을 더욱 제한하며, 모든 폰트와 AI 모델은 같은 도메인에 자체 호스팅됩니다.

직접 확인하는 방법

저희 말을 그냥 믿을 필요는 없습니다. 브라우저 개발자 도구를 열고(F12 또는 마우스 오른쪽 클릭 → 검사), 네트워크 탭으로 전환한 다음, 이미지 압축이나 배경 제거 등 원하는 도구를 사용해 보세요. 페이지가 코드를 로드하고 (AI 도구의 경우) 최초 1회 모델 파일을 받는 것은 보이지만, 이미지가 업로드되는 것은 절대 보이지 않을 것입니다.

페이지가 로드된 후 인터넷을 끊어볼 수도 있습니다. 즉시 처리 도구는 계속 작동하고, AI 도구도 모델이 캐시된 후에는 계속 작동합니다 — 처리가 사용자의 기기에서 이루어지고 있다는 증거입니다.

이것이 의미하는 것

모든 것이 로컬에서 실행되므로, img-tools는 기본적으로 프라이버시가 보호되고, 오프라인에서도 작동하며, 업로드 파이프라인으로 인한 파일 크기 제한이 없고, 왕복으로 인한 대기 시간도 없으며, 결과물에 워터마크를 추가하지 않습니다. 제3자 서버에 맡기고 싶지 않은 기밀, 민감하거나 단순히 개인적인 이미지에 적합합니다.

그리고 100% 무료이며, 계정도 유료 플랜도 없습니다 — 저희는 파일을 저장하거나 수익화하는 사업을 하지 않기 때문입니다.