소개

Game Dev Toolbox는 개발과 앱 스토어 제출 과정에서 반복되는 리소스 변환 작업을 브라우저에서 바로 처리할 수 있게 만든 무료 도구 모음입니다. 설치와 회원가입 없이 쓸 수 있고, 업로드한 파일은 서버로 전송되지 않아 안전하며, 스토어 제출 규격에 맞춘 프리셋을 제공합니다.

이 페이지는 누가, 무엇을, 어떤 기준으로 만들고 있는지를 적어 둔 곳입니다. 도구별 조작법은 각 도구의 사용 가이드에 따로 정리했으므로 여기서는 반복하지 않고, 대신 이 사이트가 스스로에게 적용하는 규칙과 그 규칙을 지켰는지 확인한 방법을 적습니다.

제공하는 도구

지금 공개된 도구는 10가지입니다. 각 항목의 가이드 링크를 누르면 해당 도구의 사용 가이드로 이동합니다.

• 리사이징 — 비율을 유지하며 스토어 프리셋 크기로 줄이고, 파비콘·앱 아이콘 세트를 한 번에 만듭니다. 이미지 리사이징 가이드 보기
• 스프라이트 패킹 — 여러 이미지를 한 장의 스프라이트 시트로 묶고 좌표 데이터를 함께 내보냅니다. 스프라이트 패킹 가이드 보기
• 마크다운 변환 — 마크다운 문서를 PDF로 변환합니다. 표·코드블록·다이어그램을 그대로 옮깁니다. 마크다운 변환 가이드 보기
• 이미지 슬라이서 — 스프라이트 시트 한 장에서 객체별 프레임을 찾아 개별 PNG로 나눕니다. 이미지 슬라이서 가이드 보기
• 노멀맵 생성기 — 이미지의 명암을 높이로 삼아 탄젠트 공간 노멀맵을 만듭니다. OpenGL·DirectX Y 규격을 모두 지원합니다. 노멀맵 생성기 (Sobel) 가이드 보기
• 픽셀 업스케일 — 픽셀아트를 흐림 없이 정수 배율로 확대합니다. 원본 팔레트를 유지할 수 있습니다. 픽셀아트 업스케일 가이드 보기
• 이미지 포맷 변환 — PNG·JPEG·WebP 사이에서 이미지의 저장 포맷을 바꿉니다. 포맷 선택 기준 — 이미지 압축·최적화 가이드 보기
• 이미지 압축 — 손실 재인코딩과 256색 양자화로 파일을 가볍게 만들고 전후 크기를 표로 비교합니다. 이미지 압축·최적화 가이드 보기
• 컬러 컨버터 — HEX·RGB·HSL·CMYK를 상호 변환하고 이미지에서 대표색을 뽑습니다. 컬러 컨버터 · 대표색 추출 가이드 보기
• 배경 제거 — 단색 배경을 투명하게 지우거나 다른 색으로 바꿉니다. 여러 장을 한 번에 처리합니다. 배경 제거·치환 가이드 보기

어떤 도구가 내 상황에 맞는지부터 보고 싶다면 가이드 모음에서 주제별로 훑어볼 수 있습니다.

만들 때 지키는 네 가지 원칙

변환은 브라우저 안에서 끝낸다

서버도, 데이터베이스도, 로그인도 두지 않았습니다. 이미지를 줄이고 시트를 묶고 문서를 PDF로 바꾸는 계산은 전부 여러분이 보고 있는 그 탭 안에서 일어납니다. 화면에 “업로드”라고 적힌 버튼이 있어도 파일은 같은 탭의 메모리로만 들어가고 네트워크로 나가지 않습니다. 운영 비용과 사고가 날 수 있는 면적을 동시에 줄이려는 선택이며, 그 대가는 아래 ‘남아 있는 한계’에 적었습니다.

계산과 화면을 갈라 둔다

도구는 서로 독립된 폴더로 나뉘고, 그 안에서도 규칙을 정하는 계산은 화면을 그리는 코드와 분리해 둡니다. 비율이 맞는 프리셋을 고르는 판정이나 스프라이트를 시트에 채워 넣는 배치 계산은 브라우저 없이도 단독으로 돌려 볼 수 있고, 그래서 눈으로 확인하기 전에 기계가 먼저 확인합니다.

무거운 것은 쓰는 순간에만 부른다

PDF 생성기나 다이어그램 렌더러처럼 용량이 큰 라이브러리는 첫 화면에 싣지 않고, 실제로 그 기능을 누르는 순간 내려받습니다. 쓰지도 않는 도구의 코드가 다른 도구의 첫 로딩을 느리게 만드는 일은 시간이 지나면 조용히 되돌아오기 때문에, 도구별 코드가 공용 묶음에 다시 섞여 들어가지 않았는지를 빌드할 때마다 자동으로 검사합니다.

더하기보다 덜어낸다

전역 상태 관리 라이브러리를 쓰지 않습니다. 각 도구의 상태는 불러오기에서 내려받기까지 그 도구 안에서만 흐르기 때문에, 라이브러리를 들여서 얻는 것보다 의존성과 학습 비용이 더 큽니다. 같은 이유로 쓸모가 사라진 기능은 숨겨 두지 않고 지웁니다. 2026년 9월에 마크다운의 DOCX 내보내기를 그렇게 걷어냈고, 그 결정과 이유도 기록으로 남겼습니다.

가이드에 적은 대로 정말 동작하는지 확인합니다

사용법 문서는 쓰기는 쉽고 어긋나기는 더 쉽습니다. 코드가 바뀌어도 문서는 그대로 남기 때문입니다. 그래서 2026년 9월 15일, 모든 도구를 가이드에 적힌 순서 그대로 실제 브라우저에서 처음부터 끝까지 실행하고, 화면에 보인 것과 내려받은 파일의 바이트로 가이드의 주장을 한 건씩 판정했습니다. 검사 대상으로 뽑은 문장은 99건이었고 그중 97건이 적힌 대로 성립했습니다. 통과 판정의 근거는 화면에 뜬 “완료” 문구가 아니라 산출물 자체입니다. 내려받은 PNG·ZIP·PDF·XLSX·WebP·ICO를 제품 코드를 전혀 쓰지 않는 별도 파서로 규격대로 다시 읽어 확인했습니다.

나머지 2건은 이렇습니다. 노멀맵 생성기는 완전히 투명한 픽셀의 색을 평탄 노멀로 저장한다고 적어 두었지만 실제로는 검정으로 저장됩니다. 캔버스가 색을 투명도와 미리 곱해 보관하는 탓에 투명도가 정확히 0이면 어떤 색도 0으로 접히기 때문이고, 투명도를 무시하고 색만 읽는 파이프라인에서만 드러납니다. 또 마크다운 변환의 페이지 높이 계산 상수 두 개는 화면에도, 결과 PDF에도 드러나지 않아 확인할 수단이 없었습니다. 짐작으로 통과라고 적는 대신 미검증으로 남겼습니다. 99건 중 2건이 이렇게 남았다는 사실까지 포함해야 나머지 97건의 기록도 값을 갖는다고 생각합니다.

“파일이 서버로 전송되지 않는다”는 문장도 같은 방식으로 확인했습니다. 그렇게 적어 둔 도구 7종에 대해 시나리오 시작부터 끝까지 브라우저가 보낸 네트워크 요청을 전부 기록했고, 이 사이트 자신의 정적 파일과 광고·분석 호스트를 제외하면 외부로 나간 요청은 0건, 본문을 실어 보낸 요청도 0건이었습니다.

선택의 이유를 기록으로 남깁니다

왜 그렇게 만들었는지는 설계 결정 기록 17건으로 저장소에 남아 있습니다. 항목마다 맥락·결정·근거· 트레이드오프 네 칸을 채우게 되어 있어서, 좋은 점만 적고 대가를 빼먹을 수 없습니다. 뒤집힌 결정도 지우지 않고 무엇으로 대체됐는지를 덧붙여 남깁니다. 예를 들어 마크다운 PDF는 원래 글자를 글자 그대로 심는 방식이었지만, 한글과 수식과 다이어그램이 한 문서에 섞이면 화면에서 본 모습과 결과물이 어긋났습니다. 2026년 7월에 화면에 보이는 그대로를 옮겨 싣는 방식으로 바꿔 그 어긋남을 없앴고, 그 대신 PDF 안의 글자를 선택하거나 검색할 수 없게 된 점도 같은 기록에 적어 두었습니다.

남아 있는 한계

위의 검증은 Chromium 계열 브라우저 하나에서만 돌렸습니다. “이 기능을 지원하지 않는 브라우저에서는 해당 버튼이 보이지 않습니다” 같은 갈림길의 반대편은 그 환경에서 확인할 수 없어 그대로 미확인으로 두었습니다. 처리 속도와 한 번에 다룰 수 있는 파일 크기도 쓰시는 기기의 성능과 메모리에 그대로 묶여 있습니다. 서버를 두지 않기로 한 결정이 치르는 대가이므로, 아주 큰 이미지는 나눠서 처리하시는 편이 안전합니다. 완성 기준을 채우지 못했다고 판단한 기능은 공개 목록에서 빼 둡니다 — 위 도구 목록이 사이트가 현재 책임지는 범위 전부입니다.

운영

본 서비스는 wowangki 한 사람이 만들고 유지합니다. 사용료도, 회원가입도, 결제 절차도 없습니다. 이용 조건은 이용약관에, 쿠키와 광고에 관한 처리는 개인정보처리방침에 정리했습니다. 의견이나 제안은 문의 페이지를 통해 보내주세요. 특히 가이드에 적힌 설명과 실제 동작이 어긋난 곳을 알려주시는 제보는 위에 적은 검증 방식이 놓친 지점을 그대로 짚어 주는 것이라 가장 반갑습니다.