로컬 보안
전적으로 프런트엔드에서 실행됩니다. 이미지가 업로드되지 않아 프라이버시를 직접 통제할 수 있습니다.
소개
이것은 무료이자 오픈 소스인 순수 프런트엔드 이미지 합성(병합/콜라주) 도구입니다. 모든 이미지 선택, 처리, 합성, 내보내기가 브라우저 로컬에서 완료되며 서버로 업로드되지 않습니다. 따라서 프라이버시와 데이터 보안이 보장됩니다. 세로 레이아웃과 그리드 레이아웃을 지원하고, 드래그 앤 드롭 정렬, 간격·모서리 반경·배경색 조정이 가능합니다. WYSIWYG(보이는 대로) 미리보기와 원클릭 PNG 내보내기를 제공합니다. 모든 작업은 브라우저 로컬에서 수행되며 이미지가 서버로 업로드되지 않습니다. 안전하고, 무료이며, 워터마크가 없습니다.
목표: “여러 이미지를 하나로 빠르게 결합”을 충분히 간단하고 효율적이며 안전하게 만들기.
핵심 기능
- 🔒
- 📁
일괄 가져오기
여러 이미지를 한 번에 선택합니다. 썸네일이 자동 생성됩니다.
- 🧲
드래그 앤 드롭 정렬
썸네일을 드래그하여 순서를 변경하고, 실시간으로 미리봅니다.
- ↕️
가로/세로 레이아웃
현재 가로 및 세로 스티칭을 지원합니다.
- 🎨
스타일 구성
간격, 모서리 반경, 바깥 여백, 배경색을 자유롭게 조절합니다.
- ⚡
실시간 미리보기
WYSIWYG: 파라미터 변경이 즉시 반영됩니다.
- 🖼️
자동 크기 적응
가장 작은/가장 큰 변에 맞춰 정렬하여 레이아웃을 깔끔하게 유지합니다.
- 💾
원클릭 내보내기
워터마크 없는 PNG로 내보내며, 바로 공유하거나 보관할 수 있습니다.
- 📐
그리드 레이아웃
다양한 레이아웃 옵션으로 여러 상황에 대응합니다.
빠른 시작
- 1. “이미지 선택”을 클릭하거나 이미지를 끌어다 놓습니다.
- 2. 목록의 썸네일을 드래그해 순서를 재정렬합니다.
- 3. 가로 또는 세로 레이아웃을 선택하고 필요 시 “추가 설정”을 펼칩니다。
- 4. 간격, 모서리 반경, 배경색 등의 스타일 옵션을 조정합니다.
- 5. 미리보기가 만족스럽다면 “다운로드”를 클릭합니다.
- 6. 생성된 PNG 이미지를 저장합니다.
팁: 이미지가 많거나 매우 큰 경우 지연이 발생할 수 있으니, 나누어 처리하세요.
동작 방식 및 보안
- 이미지 로딩: 브라우저 File API로 로컬 객체 URL을 생성하며, 인터넷으로 업로드하지 않습니다.
- 레이아웃 미리보기: CSS Flex/Grid(추후)와 계산된 크기로 실시간 렌더링합니다.
- 합성 및 내보내기: 현재 레이아웃을 Canvas에 렌더링한 뒤 PNG로 내보냅니다.
- 메모리 해제: 이미지를 삭제하거나 페이지를 새로 고칠 때 객체 URL과 메모리를 즉시 해제합니다.
프라이버시 보장: 어떠한 시점에도 네트워크로 데이터가 전송되지 않습니다. DevTools의 Network 패널에서 업로드 요청이 없는 것을 확인할 수 있습니다.