이미지 등분했는데 조각 크기가 다른 이유
이미지를 3x3이나 2x2 격자로 나눴는데, 조각들을 나란히 놓아보면 한쪽 줄이나 칸만 유독 크게 나오는 경우가 있습니다. 도구가 잘못 작동해서가 아니라, 원본 가로·세로 픽셀 수가 나누려는 칸 수로 딱 떨어지지 않을 때 생기는 계산상 필연적인 결과입니다.
이 글은 왜 특정 조각만 커지는지, 어느 조각이 커지는지, 그리고 모든 조각을 완전히 같은 크기로 만들려면 업로드 전에 무엇을 먼저 해야 하는지를 계산 원리부터 설명합니다.
요약 ① 대부분의 그리드 분할은 가로·세로 픽셀 수를 칸 수로 나눈 몫만큼 조각을 자르고, 나누어떨어지지 않고 남는 픽셀은 마지막 줄·칸에 그대로 몰아 붙입니다. ② 그래서 커지는 조각은 항상 맨 오른쪽 열과 맨 아래 행이며, 커지는 만큼은 원본 픽셀 수를 칸 수로 나눈 나머지와 정확히 같습니다. ③ 업로드 전에 원본을 칸 수의 배수 픽셀로 미리 잘라두면 나머지가 0이 되어 모든 조각이 완전히 같은 크기로 나옵니다.
조각 크기가 다르게 나오는 이유
가로 1000px인 사진을 3칸으로 나눈다고 가정합니다. 1000을 3으로 나누면 333.33...이라 딱 떨어지지 않습니다. 이때 첫 번째와 두 번째 조각은 소수점을 버린 333px씩 정확히 자릅니다.
문제는 마지막 조각입니다. 앞의 두 조각이 666px을 가져갔으니 남은 원본 폭은 1000 − 666 = 334px입니다. 마지막 조각은 이 나머지 전부를 가져가 다른 조각보다 1px 더 크게 나옵니다. 세로(행)도 같은 방식으로, 마지막 행이 나머지 픽셀을 전부 떠안습니다.
이렇게 확인합니다 — 계산기 없이 암산으로
도구를 열어보지 않아도, 원본 이미지의 가로·세로 픽셀 수만 알면 이 차이를 미리 계산할 수 있습니다. 사진 앱이나 파일 속성에서 픽셀 크기(예: 1080×1350)를 확인한 뒤, 다음 두 값만 나눠보면 됩니다.
- 가로 나머지 = 가로 픽셀 수 % 가로 칸 수(cols)
- 세로 나머지 = 세로 픽셀 수 % 세로 칸 수(rows)
나머지가 0이면 모든 조각이 완전히 같은 크기로 떨어집니다. 나머지가 0이 아니면, 그 값만큼 맨 오른쪽 열이나 맨 아래 행의 조각이 다른 조각보다 커집니다.
예를 들어 1080×1350 사진을 3x3으로 나누면 1080%3=0, 1350%3=0이라 9조각이 모두 동일합니다. 반면 1000×1000 사진을 3x3으로 나누면 1000%3=1이라 오른쪽 열과 아래 행 조각만 1px씩 커집니다.
저희 도구로 직접 확인하기. 나머지를 손으로 계산하는 대신, 실제 픽셀 값을 눈으로 보고 싶다면 이미지를 올리고 칸 수를 바꿔가며 미리보기 격자선을 확인해 보는 편이 빠릅니다.
무료 · 가입 불필요 · 브라우저에서 즉시 이미지 그리드 분할 · 서버 업로드 없음
자주 막히는 지점
| 상황 | 원인 | 확인할 점 |
|---|---|---|
| 오른쪽 끝 열 조각만 유독 크다 | 원본 가로 픽셀 수가 가로 칸 수로 나누어떨어지지 않음 | 가로 픽셀 % 칸 수(cols) 값 확인 |
| 아래쪽 끝 행 조각만 유독 크다 | 원본 세로 픽셀 수가 세로 칸 수로 나누어떨어지지 않음 | 세로 픽셀 % 칸 수(rows) 값 확인 |
| 정사각형이 아닌데 정사각형 조각을 기대했다 | 비율을 맞추는 사전 크롭 없이 원본 비율 그대로 칸 수만큼 나눔 | 원본 자체가 정사각형(가로=세로)인지 먼저 확인 |
| 저장한 조각 파일이 전부 png다 | 원본이 jpg·webp여도 조각은 항상 png 형식으로 저장됨 | 다른 형식이 필요하면 저장 후 별도 변환 |
정리
- 조각 크기가 칸마다 다르게 나오는 건 오류가 아니라, 원본 픽셀 수를 칸 수로 나눌 때 생기는 나머지를 마지막 줄·칸이 떠안기 때문입니다.
- 커지는 조각은 항상 맨 오른쪽 열과 맨 아래 행이고, 커지는 크기는 가로·세로 픽셀 수를 각각 칸 수로 나눈 나머지와 같습니다.
- 나머지를 0으로 만들려면(모든 조각을 완전히 같은 크기로), 업로드 전에 원본을 칸 수의 배수 픽셀로 미리 잘라두면 됩니다.
- 이 방식은 정사각형으로 강제 보정하지 않고 원본 비율 그대로 나누며, 조각 파일은 원본 형식과 무관하게 항상 png로 저장됩니다.
무료 · 가입 불필요 · 브라우저에서 즉시 이미지 그리드 분할 · 서버 업로드 없음
자주 묻는 질문
모든 조각을 완전히 똑같은 크기로 만들 수 있나요?
가능합니다. 원본을 업로드하기 전에 가로·세로 픽셀 수가 각각 칸 수의 배수가 되도록 미리 잘라두면 나머지가 0이 되어 모든 조각이 정확히 같은 크기로 나옵니다. 예를 들어 3칸으로 나눌 계획이면 가로 픽셀 수를 3의 배수(999px, 1002px 등)로 맞추면 됩니다.
어느 조각이 더 크게 나오는지 어떻게 알 수 있나요?
항상 맨 오른쪽 열과 맨 아래 행입니다. 앞쪽 열·행은 몫(나눈 값의 정수 부분)만큼만 가져가고, 남은 나머지 픽셀은 전부 마지막 열·행으로 몰리는 계산 순서 때문입니다.
조각이 정사각형으로 안 나오고 직사각형으로 나옵니다.
이 방식은 원본을 특정 비율로 먼저 자르지 않고, 원본 가로·세로 비율을 그대로 유지한 채 칸 수만큼만 나눕니다. 그래서 원본 자체가 정사각형이 아니면 조각도 직사각형으로 나옵니다. 정사각형 조각이 꼭 필요하다면 업로드 전에 원본을 정사각형으로 미리 잘라두어야 합니다.
여러 조각을 한 번에 저장했는데 일부만 다운로드됐어요.
브라우저가 여러 파일을 한꺼번에 저장할 때 보안상 허용 여부를 물어보는 경우가 있습니다. 이 물음에 허용으로 답하면 나머지 조각도 이어서 저장됩니다. 그래도 안 되면 조각 이미지를 하나씩 클릭해 개별적으로 저장할 수 있습니다.