ZeroTool Workbench
이미지 분할기
이미지를 행×열로 균등 분할하거나 픽셀 크기로 스프라이트 시트를 자르고, 인스타그램 프로필 그리드와 이어지는 캐러셀도 만듭니다. PNG·JPG·WebP를 ZIP으로 저장.
사용 방법
- 이미지를 드롭하거나 클릭해서 고르세요. 스크린샷은 Ctrl/Cmd+V로 붙여넣어도 됩니다.
- 분할 방식을 고릅니다.
- 행×열: 행 수와 열 수(각 1~20)를 정합니다.
- 타일 크기: 타일 너비와 높이를 픽셀로 입력합니다. 스프라이트 시트라면 여백과 간격도 입력합니다.
- Instagram: ‘프로필 그리드’(3열, 1
10행) 또는 ‘캐러셀’(한 줄, 220장)을 고르고, 게시물 크기와 비율이 다를 때 ‘자르기’·‘여백 채우기’ 중 하나를 고릅니다.
- 미리보기를 확인합니다. 이미지 위에 분할선과 타일 번호가 표시됩니다. Instagram 자르기 모드에서는 강조된 영역을 드래그하거나(포커스 후 방향키도 가능) 게시물에 넣을 부분을 고릅니다.
- PNG, JPG, WebP 중 형식을 고릅니다. JPG와 WebP는 품질을 조절할 수 있고, JPG는 투명한 부분의 배경색도 지정할 수 있습니다.
- ‘ZIP 다운로드’로 모든 타일을 받거나, 타일 아래 다운로드 아이콘으로 한 장만 저장합니다.
이런 때 씁니다
- 인스타 피드 분할: 가로나 세로로 긴 사진 한 장을 3장, 6장, 9장 게시물로 나눠 프로필에서 한 장의 그림처럼 보이게 합니다.
- 이어지는 캐러셀: 파노라마 사진을 끊김 없이 이어지는 슬라이드로 나눠, 넘길 때마다 그림이 자연스럽게 이어집니다.
- 분할 인쇄: 2 × 3, 3 × 4 그리드로 포스터를 A4 크기로 나눠 인쇄한 뒤 이어 붙입니다.
- 스프라이트 시트 자르기: 게임 프레임이나 아이콘을 모은 이미지를 한 장씩 되돌립니다. 여백과 간격도 처리합니다.
- 긴 스크린샷 나누기: 페이지 전체 캡처를 슬라이드, 메신저, 이슈 티켓에 넣기 좋은 길이로 나눕니다.
픽셀 손실 없는 균등 분할
이미지 너비는 대부분 딱 나누어떨어지지 않습니다. 너비 4000px 사진을 3열로 나누면 한 열이 1333.33px입니다. 모두 1333px로 내리면 오른쪽 끝 1열이 사라지고, 올리면 옆 타일과 겹칩니다. 이 도구는 분할선을 round(i × 너비 / 열 수) 위치에 두기 때문에 3열은 1333, 1334, 1333px가 됩니다. 타일 크기 차이는 최대 1px이고, 원본의 모든 픽셀이 정확히 한 타일에 들어갑니다. ‘행×열’과 ‘타일 크기’ 모드는 크기를 바꾸지 않고 원본 해상도 그대로 내보냅니다.
Instagram 타일은 다릅니다. 모든 타일이 너비 1080px(높이 1440, 1350, 1080px)로 조정됩니다. 자르기 영역이 열마다 1080px보다 좁으면 확대되고 그 배율이 표시되므로, 올리기 전에 결과물이 흐릿해질지 알 수 있습니다.
Instagram 그리드와 캐러셀
자르기는 원본 안에 들어가면서 완성본 전체 비율(3:4 게시물 3 × 3이면 3240:4320)을 가진 가장 큰 영역을 고릅니다. 옮길 수 있는 것은 위치뿐이고 크기는 항상 최대로 유지됩니다. 여백 채우기는 이미지 전체를 그대로 넣고 남는 곳을 고른 색으로 채웁니다. 잘리면 안 되는 긴 스크린샷이나 로고에 알맞습니다.
프로필 그리드의 게시물 사이에는 가는 틈이 있습니다. 타일은 틈 없이 잘라 두었기 때문에 틈 아래에 가는 띠만큼 그림이 가려지지만, 대부분의 사진에서는 눈에 띄지 않습니다.
파일 이름
타일 이름은 원본 파일 이름으로 시작해 어느 파일 관리자에서도 올바른 순서로 정렬됩니다.
| 모드 | 예시 |
|---|---|
| 행×열, 타일 크기 | poster-r1-c1.png, poster-r1-c2.png … (행·열, 1부터) |
| Instagram 프로필 그리드 | trip-post-1.jpg … trip-post-9.jpg (게시 순서) |
| Instagram 캐러셀 | pano-slide-1.jpg … pano-slide-5.jpg (왼쪽에서 오른쪽) |
번호는 전체 개수의 자릿수에 맞춰 0으로 채우므로 post-01이 post-10보다 앞에 옵니다. 붙여넣은 이미지는 image라는 이름을 씁니다.
제한
- 한 번에 이미지 한 장만 처리합니다. 움직이는 GIF는 첫 프레임만 불러옵니다. 모든 프레임은 GIF 프레임 추출기로 꺼내세요.
- 여러 이미지를 한 장으로 합치는 것은 반대 작업입니다. 스프라이트 시트 생성기를 쓰세요.
- 타일 최대 400개, 행×열 최대 20 × 20, 원본 최대 5,000만 픽셀(한 변 16,384px)입니다.
- 내보내기 형식은 PNG, JPG, WebP입니다. WebP를 인코딩하지 못하는 브라우저(구형 Safari)에서는 PNG로 저장되고 상태 표시줄에 안내가 나옵니다.
관련 도구
- 스프라이트 시트 생성기: 여러 이미지를 시트 한 장으로 합치고 JSON도 내보냅니다.
- GIF 프레임 추출기: 움직이는 GIF를 프레임별로 내보냅니다.
- 이미지 압축기: 올리기 전에 자른 타일을 압축합니다.
FAQ
인스타그램 피드 분할 사진은 어떤 순서로 올리나요?
파일 번호 post-1부터 차례대로 올리세요. 프로필에서는 최신 게시물이 왼쪽 위에 오기 때문에 가장 먼저 올린 사진은 오른쪽 아래, 마지막에 올린 사진은 왼쪽 위에 놓입니다. 미리보기의 각 타일에 게시 순번이 표시되고, ZIP 안의 파일도 trip-post-1.jpg, trip-post-2.jpg처럼 번호가 붙어 있어 이름순으로 정렬하면 그대로 게시 순서가 됩니다.
프로필 그리드에는 어떤 비율을 골라야 하나요?
3:4(1080×1440)를 고르세요. 인스타그램 프로필 그리드는 게시물을 3:4로 보여 줍니다. 정사각형으로 자르면 그리드에서 좌우가 잘려 게시물끼리 그림이 이어지지 않습니다. 캐러셀에는 4:5(1080×1350), 정사각형 게시물을 원하면 1:1을 쓰세요.
이미지가 업로드되나요? EXIF 정보는 남나요?
업로드되지 않습니다. 이미지는 이 페이지 안에서 디코딩·분할되고 각 타일은 브라우저가 다시 인코딩합니다. 타일마다 새 canvas에 그린 뒤 내보내므로 GPS 위치, 카메라 기종, 촬영 시각 같은 EXIF 정보는 타일에 복사되지 않습니다. 브라우저에는 설정(모드, 크기, 형식, 색상)만 저장되고 이미지 자체는 저장되지 않습니다.
프레임 사이에 간격이 있는 스프라이트 시트는 어떻게 자르나요?
'타일 크기'를 고르고 프레임 너비와 높이를 입력하세요. 여백은 왼쪽 위 첫 프레임 앞의 빈 공간이고, 간격은 프레임 사이의 틈입니다. 테두리 2px, 프레임 사이 1px, 32×32 프레임이라면 32, 32, 2, 1을 입력합니다. '완전히 투명한 타일 건너뛰기'를 켜면 시트 끝의 빈 칸은 내보내지 않습니다.
제한이 있나요?
한 번에 타일 최대 400개, 행×열 최대 20 × 20, 원본 이미지는 5,000만 픽셀·한 변 16,384px까지입니다. 각 타일은 모바일 브라우저의 canvas 한도(16,777,216픽셀) 안에 들어가야 합니다. 움직이는 GIF는 첫 프레임만 불러옵니다. 모든 프레임이 필요하면 GIF 프레임 추출기를 쓰세요.