브라우저에서 파일을 처리하는 방식과 서버에 올리는 방식, 실제로 무엇이 다를까

두 방식은 '프로그램이 어디서 돌아가는가'의 차이입니다

서버 업로드 방식에서는 내가 고른 파일이 인터넷을 통해 서비스 회사의 컴퓨터(서버)로 전송되고, 그곳에서 합치기·압축 같은 작업이 이루어진 뒤 결과 파일을 다시 내려받습니다. 작업을 하는 프로그램은 서버에 있고, 내 컴퓨터는 파일을 보내고 받는 역할만 합니다.

브라우저 처리 방식에서는 반대로 작업을 하는 프로그램이 웹페이지와 함께 내 브라우저로 내려옵니다. 파일을 고르면 브라우저가 그 파일을 내 컴퓨터의 메모리로 읽어 들이고, 내려받은 프로그램이 그 자리에서 작업한 뒤 결과를 바로 저장합니다. 파일 내용은 내 기기를 떠나지 않습니다.

겉보기에는 두 방식 모두 '웹사이트에 파일을 넣고 결과를 받는' 같은 모양이라 구분하기 어렵습니다. 차이는 화면이 아니라 네트워크에서 무엇이 오가는지에 있습니다.

브라우저가 이런 작업을 할 수 있게 된 이유

예전의 웹페이지는 문서를 보여 주는 정도만 할 수 있었지만, 지금의 브라우저에는 프로그램을 실행하는 데 필요한 기능들이 들어 있습니다. ToolyStation의 도구들도 이런 기능을 조합해 만들어졌습니다.

• 파일 읽기: 사용자가 직접 고른 파일에 한해 브라우저가 내용을 메모리로 읽을 수 있습니다. 페이지가 내 컴퓨터의 다른 파일을 마음대로 열 수는 없습니다.
• 캔버스: 이미지를 그리고, 합성하고, JPEG·PNG로 다시 저장하는 그림판 같은 기능입니다. 워터마크 합성, 이미지 PDF 변환, PDF 압축에 쓰입니다.
• WebAssembly와 그래픽 연산: 무거운 계산을 빠르게 돌리는 기능입니다. 손 인식(MediaPipe)은 WebAssembly로, 얼굴 표정 인식 모델은 그래픽 처리 장치를 이용한 계산으로 동작합니다.
• Web Audio: 소리를 만들고 음악 파일을 분석하는 기능입니다. 박자 소리 재생과 BPM 분석에 쓰입니다.

이 사이트에서 실제로 네트워크로 오가는 것

'파일을 서버로 보내지 않는다'는 말이 '인터넷을 전혀 쓰지 않는다'는 뜻은 아닙니다. 정확히 무엇이 오가는지 나눠 보면 다음과 같습니다.

• 페이지와 프로그램: 웹페이지 자체와, 도구에 필요한 프로그램 파일을 사이트 서버(Cloudflare)에서 내려받습니다.
• 외부 라이브러리와 모델: PDF를 그리는 pdf.js 일부는 unpkg.com에서, 얼굴·손 인식 모델은 cdn.jsdelivr.net에서 내려받습니다. 이것들은 프로그램과 모델 파일을 받아 오는 요청이며, 내 파일이 함께 전송되지는 않습니다. 다만 요청을 받는 쪽은 일반적인 접속 정보(IP 주소, 브라우저 종류 등)를 알 수 있습니다.
• 광고: 사이트는 Google AdSense 광고를 게재하므로, 광고를 불러오는 스크립트와 쿠키가 동작합니다. 광고 스크립트는 페이지 방문 정보를 Google에 보낼 수 있지만, 도구에 넣은 파일의 내용을 읽어 보내는 용도는 아닙니다.
• 내 파일과 카메라 영상: 이것만은 전송하지 않습니다. 읽기, 처리, 결과 저장이 모두 브라우저 안에서 끝납니다.

도구마다 외부 요청도 다릅니다. 이미지 PDF 변환, 일괄 워터마크, BPM 탭퍼, 절대 박자감 테스트, BPM 분석기는 페이지를 불러온 뒤 추가로 외부 라이브러리를 받지 않습니다. PDF 합치기와 PDF 압축은 pdf.js 일부를, 표정 인식·첫인상·동물상·제스처 도구는 인식 모델을 외부 CDN에서 받습니다.

직접 확인하는 방법

말만 믿을 필요는 없습니다. PC 브라우저의 개발자 도구로 어떤 요청이 오가는지 직접 볼 수 있습니다. 크롬과 엣지를 기준으로 설명합니다.

1. 도구 페이지를 연 상태에서 F12 키(맥은 Option+⌘+I)를 눌러 개발자 도구를 열고 'Network(네트워크)' 탭을 고릅니다.
2. 목록 위의 지우기 버튼(🚫 모양)을 눌러 지금까지의 기록을 비웁니다.
3. 도구에 파일을 넣고 작업을 끝까지 실행합니다.
4. 새로 생긴 요청 목록을 봅니다. 요청마다 주소와 크기가 표시되므로, 내 파일 크기만 한 데이터가 밖으로 나가는 요청(보통 Method가 POST인 큰 요청)이 있는지 확인합니다.

더 간단한 방법도 있습니다. 외부 라이브러리를 쓰지 않는 도구(예: 이미지 PDF 변환)는 페이지를 연 뒤 인터넷 연결을 끊어도 동작합니다. 연결을 끊은 상태에서 PDF가 만들어진다면 파일이 서버를 거치지 않았다는 뜻입니다.

휴대폰 브라우저에는 개발자 도구가 없으므로 같은 방법을 쓰기 어렵습니다. 대신 도구 페이지를 연 뒤 비행기 모드를 켜고 작업을 실행해 보세요. 외부 라이브러리가 필요 없는 도구에서 결과가 정상적으로 만들어진다면, 그 작업에는 인터넷 연결이 쓰이지 않은 것입니다. 확인이 끝나면 비행기 모드를 다시 끄면 됩니다.

브라우저 처리 방식의 장점

• 파일 내용이 기기를 떠나지 않습니다. 계약서, 신분증 사본, 개인 사진처럼 다른 사람의 서버에 남기고 싶지 않은 파일에 쓰기에 부담이 적습니다.
• 업로드를 기다리지 않습니다. 큰 파일일수록 서버 방식은 올리고 내려받는 데 시간이 드는데, 브라우저 방식은 그 과정이 없습니다. 대신 처리 시간은 내 기기 성능에 달려 있습니다.
• 서비스가 파일을 보관하거나 삭제하는 정책을 따로 확인할 필요가 없습니다. 탭을 닫으면 메모리에 있던 내용은 사라집니다.

브라우저 처리 방식의 한계

• 기기 성능에 따라 달라집니다. 수백 MB짜리 PDF나 고해상도 사진 수십 장은 오래된 노트북이나 휴대폰에서 느리거나 메모리 부족으로 실패할 수 있습니다. 서버는 보통 더 많은 메모리와 연산 능력을 쓸 수 있습니다.
• 할 수 있는 작업의 종류가 제한됩니다. 한글(HWP) 문서를 PDF로 변환하거나, 스캔본에서 글자를 읽어 내는 OCR처럼 무겁거나 전용 프로그램이 필요한 작업은 브라우저만으로 하기 어렵거나 품질이 떨어질 수 있습니다.
• 작업 내용이 저장되지 않습니다. 다른 기기에서 이어서 작업하거나, 나중에 다시 내려받는 기능은 서버가 있어야 가능합니다.
• 처음 쓸 때 프로그램과 모델을 내려받아야 합니다. 인식 모델처럼 큰 파일은 네트워크가 느리면 시작까지 시간이 걸립니다.
• 배터리와 발열: 계산을 내 기기가 하므로, 카메라 영상을 계속 분석하는 도구나 큰 파일을 처리하는 작업은 노트북이나 휴대폰의 배터리를 빠르게 쓰고 기기를 뜨겁게 만들 수 있습니다.
• 브라우저마다 결과가 조금씩 다를 수 있습니다. 같은 작업이라도 브라우저가 지원하는 형식(예: HEIC 사진)이나 기능에 따라 되거나 안 되는 경우가 생깁니다.

서버 방식이 더 나은 경우

브라우저 처리가 항상 좋은 것은 아닙니다. 아래 같은 경우에는 서버에서 처리하는 서비스가 더 알맞을 수 있습니다.

• 아주 큰 파일이나 대량의 파일을 한꺼번에 처리해야 하고, 내 기기 성능이 부족할 때
• 문서 형식 변환, OCR처럼 전문 프로그램이 필요한 작업일 때
• 여러 사람이 같은 파일을 함께 보고 고치거나, 작업 결과를 클라우드에 보관해야 할 때

서버 방식 서비스를 쓴다면 개인정보처리방침에서 올린 파일을 얼마나 보관하는지, 언제 삭제하는지, 다른 용도(예: 서비스 개선)로 쓰는지를 확인해 보세요. 민감한 파일이라면 이 내용을 확인한 뒤 올리는 것이 안전합니다.

브라우저 처리 방식이라도 주의할 점

• 공용 컴퓨터: 결과 파일은 내려받기 폴더에 저장됩니다. PC방이나 학교 컴퓨터에서 썼다면 작업이 끝난 뒤 내려받은 파일을 지우세요.
• 브라우저 확장 프로그램: 모든 웹페이지의 내용을 읽을 수 있는 권한을 가진 확장 프로그램은 페이지에 표시된 정보에도 접근할 수 있습니다. 민감한 파일을 다룰 때는 출처를 모르는 확장 프로그램을 정리하거나, 확장 프로그램이 꺼진 시크릿 창을 쓰는 방법이 있습니다.
• 화면 공유와 녹화: 화상회의 중 화면을 공유하고 있다면 미리보기에 띄운 파일 내용도 상대방에게 보입니다.
• 카메라 도구: 카메라를 쓰는 도구는 사용이 끝나면 카메라를 끄거나 탭을 닫아 주세요. 브라우저 주소창의 카메라 아이콘으로 카메라가 아직 켜져 있는지 확인할 수 있습니다.

흔한 오해 바로잡기

• '주소가 https면 업로드해도 안전하다': https는 파일이 인터넷을 지나가는 동안 중간에서 엿보지 못하게 암호화할 뿐, 서버에 도착한 뒤 파일이 어떻게 보관되고 쓰이는지는 알려 주지 않습니다. 업로드 후의 처리 방식은 서비스의 정책을 봐야 알 수 있습니다.
• '브라우저에서 처리하면 아무 흔적도 남지 않는다': 파일 내용은 서버에 남지 않지만, 내 기기에는 방문 기록, 내려받은 결과 파일, 사이트의 쿠키와 저장 데이터가 남습니다. 흔적을 남기고 싶지 않다면 시크릿 창을 쓰고 내려받은 파일을 정리하세요.
• '무료 서비스는 올린 파일을 다른 곳에 쓴다': 서비스마다 다르기 때문에 일반화할 수 없습니다. 무료라도 파일을 바로 삭제하는 곳이 있고, 유료라도 일정 기간 보관하는 곳이 있습니다. 판단 기준은 가격이 아니라 공개된 정책입니다.
• '브라우저 처리 도구는 오프라인에서도 다 된다': 외부 라이브러리나 모델이 필요한 도구는 처음에 그 파일을 받아야 하므로 인터넷 연결이 필요합니다. 오프라인에서 끝까지 동작하는지는 도구마다 다릅니다.

정리: 어떤 방식을 고를까

기준은 간단합니다. 파일이 민감하고 작업이 비교적 가벼우면(몇 개의 PDF 합치기, 사진 수십 장에 워터마크 넣기) 브라우저 처리 방식이 부담이 적습니다. 파일이 아주 크거나, 전문 변환이 필요하거나, 결과를 클라우드에 남겨야 한다면 서버 방식이 더 알맞을 수 있으며, 이때는 보관·삭제 정책을 확인하고 쓰면 됩니다.

어느 쪽이든 중요한 원본은 따로 보관하고, 결과 파일을 열어 확인한 뒤 제출하는 습관이 가장 확실한 안전장치입니다.