인쇄 가능한 사진 컨택트 시트 만들기

01

컨택트 시트 만들기 흐름

컨택트 시트 만들기 — 하나의 페이지 계획으로 미리보기와 파일 생성

사진이나 폴더를 추가하고 검토 순서로 정렬합니다. 선택 순서, 드래그, 이동 버튼, 숫자를 고려한 파일명 정렬을 사용할 수 있습니다.

용지, 방향, 행, 열, 여백, 간격으로 페이지를 계산합니다. A4는 1,240×1,754px, Letter는 1,275×1,650px이며 이 도구의 기준은 150ppi입니다.

전체 사진은 가장자리를 보존하고 채우기는 균일한 셀을 위해 자릅니다. 파일명과 번호는 내보낸 픽셀에 그려지며 머리글과 페이지 번호도 넣을 수 있습니다.

PDF는 모든 페이지를 한 파일로 만듭니다. PNG·JPEG는 한 페이지면 직접, 여러 페이지면 번호가 붙은 ZIP으로 저장합니다. 원본은 바뀌지 않습니다.

• 컨택트 시트 만들기 — 파일명으로 원본을 찾습니다.
• 컨택트 시트 만들기 — 번호로 선택을 짧게 전달합니다.
• 컨택트 시트 만들기 — 인쇄 환경에 맞춰 A4·Letter를 고릅니다.
• 컨택트 시트 만들기 — PDF로 하나의 문서를 전달합니다.

02

컨택트 시트 만들기 — 인쇄 격자 계획

컨택트 시트 만들기 — 모든 페이지에 같은 구조 적용

컨택트 시트 만들기는 mm를 150ppi 좌표로 바꾸고 머리글, 바닥글, 여백, 간격을 뺀 뒤 같은 셀로 나눕니다.

03

컨택트 시트 만들기 — 사진을 기기에 유지

컨택트 시트 만들기 — 로컬 API로 업로드 방지

컨택트 시트 만들기는 File, createImageBitmap(), drawImage()를 사용하며 업로드 요청이나 원격 갤러리가 없습니다.

04

컨택트 시트 만들기 — PDF 또는 번호 이미지 저장

컨택트 시트 만들기 — 검토한 계획과 같은 파일

컨택트 시트 만들기는 JPEG 페이지를 PDF 1.4에 넣거나 PNG·JPEG로 저장합니다. 여러 이미지는 로컬 ZIP에 담깁니다.

05

컨택트 시트 만들기 검증

컨택트 시트 만들기 — 공식 문서와 재현 가능한 파일 확인

테스트는 색상 PNG를 읽고 순서와 용지를 바꾸며 여러 페이지, 크기, PDF, ZIP, 네트워크를 확인합니다.

06

컨택트 시트 만들기 — 이미지 PDF 변환으로 한 문서를 만드는 방법

컨택트 시트 만들기 — 이미지 한 장을 확인 가능한 한 페이지로

컨택트 시트 만들기 — 최대 30개 파일을 추가하고 카드를 끌거나 이동 버튼을 눌러 읽는 순서로 맞춥니다. 카드에는 원본 픽셀 크기가 표시되고 회전은 PDF 작업 사본에만 적용됩니다.

컨택트 시트 만들기 — 이미지에 맞춤은 회전된 원본 비율을 유지합니다. A4와 Letter는 일정한 용지를 만들고 자동 방향은 이미지마다 세로와 가로를 선택합니다. 수동 설정은 모든 페이지를 같은 방향으로 만듭니다.

컨택트 시트 만들기 — 전체 이미지는 여백 안에 모든 가장자리를 남깁니다. 채우기는 영역 전체를 사용해 바깥 부분을 자를 수 있으므로 저장 전에 각 페이지를 확인합니다.

컨택트 시트 만들기 — 이미지 PDF 변환은 페이지를 순서대로 그려 PDF 1.4에 넣습니다. 원본은 덮어쓰지 않으며 계정이나 원격 이미지 처리 서버가 필요하지 않습니다.

07

컨택트 시트 만들기 — 순서와 페이지 구조 계획

컨택트 시트 만들기 — 대기열이 최종 문서를 결정

컨택트 시트 만들기 — 이미지 PDF 변환은 회전된 이미지마다 한 페이지를 계산합니다. 이미지 크기는 150ppi로 환산하고 A4는 595.28×841.89포인트, Letter는 612×792포인트입니다.

08

컨택트 시트 만들기 — 원본을 기기에 유지

컨택트 시트 만들기 — 로컬 API가 작업 사본을 처리

컨택트 시트 만들기 — 이미지 PDF 변환은 File 객체를 받고 createImageBitmap()으로 읽어 로컬 작업 사본만 그립니다. 지우면 bitmap과 임시 Blob URL을 해제합니다.

09

컨택트 시트 만들기 — 유효한 여러 페이지 PDF 생성

컨택트 시트 만들기 — 순차 렌더링으로 메모리와 순서 관리

컨택트 시트 만들기 — 이미지 PDF 변환은 JPEG 스트림, MediaBox, Pages 트리, 상호 참조, EOF를 PDF 1.4 Blob에 기록하고 각 Canvas를 해제합니다.

10

컨택트 시트 만들기 — 이미지 PDF 변환 검증

컨택트 시트 만들기 — 공식 자료와 재현 가능한 파일 확인

컨택트 시트 만들기 — 색상과 크기를 아는 PNG로 순서, 회전, 용지, 미리보기, PDF 서명, 페이지 수, 다운로드 바이트, 콘솔과 네트워크를 확인합니다.

11

컨택트 시트 만들기 — 이미지 분할로 정확한 타일 만드는 방법

컨택트 시트 만들기 — 파일 생성 전에 모든 자르기 확인

컨택트 시트 만들기 — 완성 격자가 중요하면 행과 열을 선택합니다. 이미지 분할 도구는 사용 영역을 고르게 나누고 남는 픽셀을 일정하게 배정해 숨은 틈을 만들지 않습니다. 2분할, 4분할, 3×3 프리셋과 최대 20×20 사용자 설정을 지원합니다.

컨택트 시트 만들기 — 게임 런타임, 인쇄, 스프라이트 시트가 크기를 정해 놓았다면 정확한 타일 크기를 선택합니다. 바깥 여백 뒤에서 시작해 타일 크기와 간격만큼 이동하고, 나누어떨어지지 않는 끝부분은 작은 마지막 타일로 보존합니다.

컨택트 시트 만들기 — 번호 미리보기는 각 사각형과 출력 이름을 연결합니다. 기본은 왼쪽 위부터, 역순은 오른쪽 아래를 01로 지정합니다. 한 타일을 먼저 확인하거나 전체 계획을 ZIP으로 만들 수 있습니다.

12

컨택트 시트 만들기 — 격자 또는 정확한 크기 선택

컨택트 시트 만들기 — 각 자르기는 원본 픽셀과 일치

컨택트 시트 만들기 — 이미지 분할은 디코딩된 고유 너비와 높이로 사각형을 계산합니다. 격자 방식은 여백과 간격을 빼고 나머지를 배분하며, 정확한 방식은 지정 크기로 이동하고 끝을 보존합니다. 미리보기와 내보내기는 같은 계획을 사용합니다.

13

컨택트 시트 만들기 — 원본 이미지를 브라우저에 보관

컨택트 시트 만들기 — 로컬 API로 처리 업로드 방지

컨택트 시트 만들기 — 이미지 분할은 로컬 File을 createImageBitmap()으로 읽고 drawImage()로 각 영역을 임시 Canvas에 복사합니다. 업로드 요청이나 원격 프로젝트가 없습니다. 지우면 bitmap을 닫고 로컬 URL을 해제합니다.

14

컨택트 시트 만들기 — 한 타일 또는 ZIP 저장

컨택트 시트 만들기 — 형식, 품질, 이름을 명확하게

컨택트 시트 만들기 — 이미지 분할 출력은 PNG, JPEG, WebP입니다. PNG는 글자와 투명, JPEG는 사진, WebP는 지원 대상에 적합합니다. 개별 저장은 한 영역만, ZIP은 번호가 있는 전체 계획을 인코딩합니다.

15

컨택트 시트 만들기 — 이미지 분할 검증 방법

컨택트 시트 만들기 — 공식 자료와 재현 가능한 좌표 검사

컨택트 시트 만들기 — 검증은 크기가 알려진 색상 이미지를 불러와 격자, 정확한 크기, 여백, 간격을 시험하고 좌표, 다시 연 파일 크기, ZIP 목록을 비교합니다. 소스 코드에서 네트워크 통신 기능도 별도로 검사합니다.

16

컨택트 시트 만들기 — 전용 프로그램 없이 스프라이트 시트 만들기

컨택트 시트 만들기 — 순서, 셀, 움직임, 좌표를 한 흐름에서 확인

재생 순서대로 프레임을 추가하세요. 이동이나 삭제는 미리보기와 메타데이터 번호에 반영됩니다. 짧은 반복은 한 줄, 긴 시퀀스는 지나치게 넓어지지 않는 그리드가 좋습니다.

너비와 높이가 셀을 정합니다. 전체 표시는 원본을 보존하고, 채우기는 셀을 채우며 자르고, 늘리기는 크기를 고정합니다. 간격과 바깥 여백은 x, y 좌표에 포함됩니다.

좌표를 복사하기 전에 생성하세요. 안전한 Canvas 한도를 넘으면 이미지와 좌표를 함께 축소합니다. 따라서 CSS나 JSON은 저장된 이미지와 정확히 일치합니다.