웹툰 컷 나누기, 마지막 컷만 높이가 다른 이유
세로로 긴 웹툰 원고나 카드뉴스 이미지를 업로드용 파일 여러 장으로 나눌 때, 전체 높이를 컷 수로 그냥 나누면 마지막 한 장만 높이가 다르게 나오는 경우가 많습니다. 이건 계산 실수가 아니라 나눗셈에서 나머지가 남기 때문에 생기는 어쩔 수 없는 결과입니다. 원리를 알면 포토샵 안내선을 손으로 찍을 때도 정확한 위치를 잡을 수 있습니다.
요약 ① 원본 높이 ÷ 컷 수가 딱 나누어떨어지지 않으면 몫과 나머지가 생기고, 나머지는 마지막 컷 한 장에 몰아서 더해야 원본을 한 픽셀도 잃지 않습니다. ② 컷 사이에 여백(간격)을 넣으면 원본에서 잘라내는 위치(원본 좌표)와 완성된 이미지에서 컷이 놓이는 위치(결과 좌표)가 서로 달라집니다. ③ 간격을 넣는 방식(사이만/하단/상하단)에 따라 최종 이미지의 총 높이가 서로 다른 만큼 늘어납니다.
문제 — 컷 수로 나누면 왜 마지막 한 장만 높이가 다른가
세로 5000px짜리 웹툰 원고를 9컷으로 나눈다고 해보겠습니다. 5000 ÷ 9 = 555.55…로 딱 떨어지지 않습니다. 각 컷을 555px씩 자르면 555 × 9 = 4995px밖에 되지 않아, 원본 아래쪽 5px이 그대로 잘려나가 사라집니다.
이걸 막으려면 남는 5px을 어느 한 컷에 몰아서 더해줘야 합니다. 손으로 안내선을 찍을 때 매번 555.55px을 반올림해서 반복하면, 반올림 오차가 컷마다 쌓여서 마지막 컷 근처에서는 원본과 몇 픽셀씩 어긋난 위치에 안내선이 그어집니다.
정수 픽셀만 쓰면서 원본을 한 픽셀도 버리지 않는 방법은 하나뿐입니다. 몫(정수)만큼만 8개 컷을 자르고, 나머지 전부를 마지막 한 컷에 몰아주는 것입니다. 그러면 1~8번째 컷은 555px, 마지막 9번째 컷만 560px이 되어 합이 정확히 5000px이 됩니다.
해결 — 몫과 나머지로 직접 계산하는 공식
공식은 간단합니다. 원본 높이를 컷 수로 나눈 몫(소수점 버림)을 base라고 하면, base × 컷 수를 원본 높이에서 뺀 값이 나머지입니다. 앞쪽 컷들은 전부 base 높이로 자르고, 나머지는 마지막 컷 하나에만 더합니다.
여기에 컷 사이 여백까지 넣으려면 좌표가 하나 더 필요합니다. 원본에서 잘라내는 시작·끝 위치(원본 Y좌표)와, 여백까지 포함해 완성된 이미지에서 그 컷이 실제로 놓이는 시작·끝 위치(결과 Y좌표)는 서로 다릅니다. 간격을 넣을수록 결과 좌표는 원본 좌표보다 점점 더 아래로 밀립니다.
포토샵이나 클립스튜디오에서 안내선을 하나씩 손으로 찍으면서 이 두 좌표 체계를 동시에 맞추는 건 꽤 번거롭습니다. 저희 도구로 확인하기. 컷 수·간격·간격 모드만 입력하면 원본 좌표와 결과 좌표를 컷별로 표로 뽑아주고, 그대로 붙여 쓸 수 있는 ImageMagick 스크립트까지 함께 만들어 줍니다.
무료 · 가입 불필요 · 컷 좌표와 ImageMagick 스크립트 자동 생성
간격 모드별로 최종 높이가 달라지는 만큼
컷 사이에 간격을 넣는 방식은 세 가지입니다. 컷과 컷 사이에만 넣는 방식, 모든 컷의 하단에 넣는 방식, 모든 컷의 상하단에 넣는 방식입니다. 셋 다 원본 높이는 그대로 두고 결과 좌표에만 여백을 끼워 넣지만, 늘어나는 총 높이는 서로 다릅니다.
컷 사이에만 넣으면 (컷 수−1) × 간격만큼 늘어납니다. 모든 컷 하단에 넣으면 컷 수 × 간격만큼, 모든 컷 상하단에 넣으면 (컷 수+1) × 간격만큼 늘어납니다. 9컷·40px 간격이면 각각 320px, 360px, 400px이 원본 높이 위에 추가됩니다.
이 늘어난 높이를 반영하지 않고 원본 높이 기준으로만 업로드 규격을 맞추면, 완성된 파일이 예상보다 더 길어져 있는 걸 뒤늦게 발견하게 됩니다. 포털 웹툰은 보통 가로 690~800px, 파일당 세로 10,000px 이내를 권장하는 만큼, 간격을 더한 뒤의 총 높이까지 다시 확인해두는 편이 안전합니다.
자주 막히는 지점
| 상황 | 왜 문제가 되나 | 확인할 점 |
|---|---|---|
| 안내선을 555.55px처럼 소수점 값으로 반복해서 찍음 | 매번 반올림하며 오차가 누적돼 마지막 컷 경계가 어긋남 | 몫(정수)×컷 수와 원본 높이의 차이(나머지)를 먼저 구했는지 |
| 간격을 넣고도 원본 좌표만 보고 있음 | 원본 좌표와 결과 좌표가 달라 실제 파일 배치 위치가 꼬임 | 결과 Y좌표(완성 이미지 기준)까지 함께 확인했는지 |
| 여백을 더한 뒤 전체 높이를 다시 안 잼 | 늘어난 총 높이가 업로드 규격을 넘어설 수 있음 | 간격 모드별 증가량((N−1)·N·(N+1)×간격)을 반영했는지 |
정리
- 원본 높이가 컷 수로 딱 나누어떨어지지 않으면 나머지가 남고, 이 나머지는 마지막 컷 한 장에 몰아서 더해야 원본을 한 픽셀도 잃지 않습니다.
- 간격을 넣으면 원본에서 잘라내는 위치(원본 좌표)와 완성된 이미지에서 컷이 놓이는 위치(결과 좌표)가 서로 달라집니다.
- 간격 모드에 따라 최종 이미지의 총 높이 증가량이 다릅니다 — 사이만(N−1)×간격, 하단(N)×간격, 상하단(N+1)×간격입니다.
- 늘어난 총 높이를 반영하지 않으면 업로드 규격(세로 길이 제한)을 넘어설 수 있으니 간격을 더한 뒤 총 높이를 다시 확인해야 합니다.
무료 · 가입 불필요 · 컷 좌표와 ImageMagick 스크립트 자동 생성
자주 묻는 질문
나머지 픽셀은 왜 항상 마지막 컷에 몰아서 더해지나요?
원본 높이를 컷 수로 나누면 대부분 나누어떨어지지 않고 나머지가 남습니다(예: 5000÷9=555…5). 이 나머지를 그냥 버리면 원본 아래쪽 몇 픽셀이 잘려 나가므로, 나머지를 마지막 컷 하나에 몰아서 더해 원본을 한 픽셀도 잃지 않게 계산합니다.
사이·하단·상하단 세 가지 간격 모드는 최종 높이가 얼마나 달라지나요?
컷 사이에만 넣는 모드는 (컷 수−1)×간격만큼, 모든 컷 하단에 넣는 모드는 컷 수×간격만큼, 모든 컷 상하단에 넣는 모드는 (컷 수+1)×간격만큼 원본보다 늘어납니다. 9컷·40px 간격이면 각각 320px·360px·400px이 늘어납니다.
이 계산기가 실제 이미지 파일도 잘라 주나요?
아니요. 이 계산기는 실제 이미지 파일을 업로드하거나 처리하지 않고, 입력한 가로·세로 크기와 컷 수·간격 값으로 좌표만 계산합니다. 실제 자르기는 계산된 좌표를 포토샵 안내선에 옮기거나, 함께 생성되는 ImageMagick 스크립트를 터미널에서 실행해 진행합니다.
컷 사이 여백은 꼭 넣어야 하나요?
간격은 선택 사항입니다. 0으로 두면 여백 없이 원본을 그대로 이어 붙인 것과 같은 좌표가 나오고, 값을 넣으면 그만큼 결과 좌표와 총 높이가 늘어납니다. 이 계산기는 두 경우 모두의 좌표를 그대로 계산해 보여줍니다.