CodeKitHub
이미지 도구

이미지 분할기

마지막 업데이트:

Instagram "그리드 게시물"—하나의 가로로 긴 사진을 9개(또는 4개, 6개)의 정사각형 타일로 잘라 프로필 그리드 전체에서 하나의 이미지로 재조합되게 하는 방식—은 원본 이미지를 정확히 동일한 크기로, 올바른 순서로 잘라야 합니다. 그렇지 않으면 착시 효과가 깨집니다. 이 도구는 그 분할 작업을 브라우저에서 로컬로 처리합니다. 그리드 크기를 선택하면 이미지를 균등한 크기의 타일로 나누어 미리 보고, 순차적인 게시물로 업로드할 준비가 된 상태로 하나의 ZIP 파일로 다운로드할 수 있습니다.

이 도구는 무엇인가요?

이미지 분할기는 하나의 원본 이미지를 같은 크기의 작은 타일 그리드로 나누는 도구로, 가장 흔한 용도는 Instagram의 "그리드 레이아웃" 트렌드입니다. 이는 하나의 가로로 긴 사진이나 일러스트를, 프로필 그리드에서 함께 볼 때 원본 이미지로 재조합되는 일련의 개별 정사각형 이미지로 게시하는 방식입니다.

이 기법 자체는 단순한 기하학입니다 — 원본 이미지의 너비와 높이를 각각 열과 행의 개수로 나누고, 결과로 생긴 각 사각형을 개별 파일로 잘라냅니다 — 하지만 이를 범용 사진 편집기에서 수작업으로 정확하게 하는 것은 번거롭고 실수하기 쉬우며, 특히 3x3 이상의 그리드에서는 타일 하나의 작은 정렬 오차가 전체 시퀀스를 망칠 수 있습니다.

이 도구는 이미지의 실제 픽셀 크기를 기반으로 그리드 경계를 정확하게 계산하고, HTML5 Canvas API를 사용해 각 타일을 브라우저 안에서 완전히 렌더링하므로 모든 타일이 정확히 맞춰지며 이미지 자체가 기기 밖으로 나갈 필요가 전혀 없습니다.

왜 사용해야 할까요?

  • 브랜드 Instagram 프로필에 긴 일러스트 하나로 3x3 "그리드 테이크오버"를 만들고 싶은데, Photoshop에서 수동으로 자를 때마다 타일 이음새가 몇 픽셀씩 어긋납니다.
  • 휴가 파노라마 사진이 한 게시물에 담기엔 너무 넓어서, 넘길 때도 하나로 이어지는 느낌의 4장짜리 캐러셀로 나누고 싶습니다.
  • 밈 계정이나 팬페이지를 운영하는데, 무거운 편집 소프트웨어를 열지 않고도 재미있는 이미지 하나를 여러 타일로 빠르게 나눌 방법이 필요합니다.
  • 이전에 써본 다른 온라인 도구는 이미지를 업로드해서 자기네 서버에 저장해야 했는데, 이번엔 정말로 기기 밖으로 나가지 않는 방법을 원합니다.
  • 잘라낸 조각들을 번호 순서대로 정리된 폴더 하나에 바로 받아서, 이름을 일일이 바꾸지 않고 게시 일정에 하나씩 끌어다 넣고 싶습니다.
  • 100% 로컬 처리: 이미지는 Canvas를 사용해 브라우저에서 완전히 처리되며 서버에 업로드되지 않습니다.

사용 방법

  1. 드롭 영역을 클릭(또는 드래그 앤 드롭)해 기기에서 이미지를 선택하세요.
  2. 드롭다운에서 그리드 크기 — 1x2, 1x3, 2x2, 3x3, 1x4 — 를 선택하세요.
  3. 컨트롤 아래에서 결과 타일을 즉시 미리 볼 수 있습니다.
  4. "모두 다운로드(ZIP)"를 클릭하면 번호가 매겨진 PNG 파일로 된 모든 타일을 하나의 ZIP 아카이브로 받을 수 있습니다.

예시

입력

1200×1200px 정사각형 사진, 그리드: 3x3

결과

각각 400×400px인 타일 9개, tile-1.png부터 tile-9.png까지

타일은 왼쪽에서 오른쪽으로, 위에서 아래로 번호가 매겨집니다 — Instagram에 업로드할 때와 동일한 순서입니다(오른쪽 아래 타일부터 시작해 역순으로 진행하면, 새 게시물을 게시할 때마다 이전 타일이 아래로 밀려나면서 그리드가 올바르게 재조합됩니다).

일반적인 그리드 크기와 용도

그리드 크기에 따라 어울리는 게시물과 공개 방식이 다릅니다.

그리드타일 수일반적인 용도
1x22간단한 전후 비교 또는 2부작 공개
2x24작은 정사각형 공개, 빠르게 게시 가능
1x33연속된 세 게시물에 걸친 한 줄
3x39프로필 그리드 전체 점유 — 고전적인 Instagram 그리드 레이아웃
1x44가로로 긴 파노라마를 네 개의 연속 게시물로 분할

관련 도구

다른 로컬 이미지 편집이 필요하다면 이 도구들을 사용해 보세요.

이미지 크기 조절기 · 이미지 압축기 · 이미지 자르기 도구

Instagram 그리드를 매끄럽게 이어붙이는 팁

이미지를 나누는 것은 절반의 작업일 뿐입니다 — 그리드 착시가 제대로 완성되려면 타일을 Instagram에 게시하는 순서도 똑같이 중요합니다.

  • 항상 마지막 번호부터 첫 번째 번호 순으로 게시하세요(오른쪽 아래에서 왼쪽 위로) — Instagram은 최신 게시물을 왼쪽 위에 표시하므로, 일반 순서대로 게시하면 그리드가 뒤집힙니다.
  • 모든 타일을 가까운 시간 안에(가급적 같은 날) 게시해서 중간에 다른 게시물이 끼어들어 그리드 구성이 깨지지 않도록 하세요.
  • 마지막 타일을 게시하기 전에 프로필 미리보기를 스크린샷으로 찍어 순서가 정말로 이어지는지 확인하세요 — 아홉 개 타일이 모두 게시된 후보다 이 단계에서 수정하는 것이 훨씬 쉽습니다.

자주 묻는 질문

Instagram 프로필 그리드에는 어떤 그리드 크기를 사용해야 하나요?

3x3(9타일)이 가장 흔한 선택입니다. 표준적인 3열 Instagram 프로필 화면을 정확히 한 번 채우기 때문입니다. 2x2나 1x3 분할은 최근 그리드 전체를 차지하지 않는 더 작은 공개용으로 적합합니다.

타일은 어떤 순서로 게시해야 하나요?

Instagram 그리드는 최신 게시물을 먼저(왼쪽 위) 표시하므로, 일반적으로 타일을 역순으로 게시해야 합니다 — 그리드의 오른쪽 아래 타일부터 시작해 왼쪽 위 타일로 끝냅니다 — 그러면 모든 타일이 게시될 즈음에는 왼쪽에서 오른쪽, 위에서 아래로 올바르게 읽히게 됩니다.

이미지가 완벽한 정사각형이어야 하나요?

아니요, 하지만 (3x3 같은) 대칭 그리드 레이아웃의 경우 정사각형 원본 이미지가 정사각형 타일을 만들어내며, 이는 Instagram이 정사각형 그리드 게시물을 자르는 방식과 일치합니다. 정사각형이 아닌 이미지도 균등하게 분할되지만, 정사각형이 아닌 직사각형 타일이 됩니다.

타일은 어떤 파일 형식으로 저장되나요?

각 타일은 다운로드된 ZIP 아카이브 안에 PNG 파일로 내보내지며, 손실 압축 없이 품질이 보존됩니다.

제 이미지가 어딘가에 업로드되나요?

아니요. 이미지는 브라우저로 직접 읽혀 Canvas API를 사용해 완전히 클라이언트 측에서 분할됩니다. 서버로 전송되는 것은 없습니다 — ZIP 파일도 브라우저에서 로컬로 조립됩니다.

원본 이미지가 딱 나누어떨어지지 않으면(예: 너비 1000px를 3열로 나눌 때) 어떻게 되나요?

이 도구는 실제 픽셀을 기준으로 각 타일의 경계를 계산하므로, 나누어떨어지지 않는 나머지를 처리하기 위해 마지막 열이 다른 열보다 1픽셀 정도 차이 날 수 있습니다 — 이 정도 차이는 Instagram 그리드에 표시될 때 육안으로는 사실상 구분되지 않으므로, 원본 이미지를 미리 딱 맞게 잘라둘 필요는 없습니다.

제공된 옵션 외에 4x4처럼 다른 행/열 조합의 그리드도 만들 수 있나요?

이 도구는 Instagram 트렌드에서 가장 흔히 쓰이는 그리드 프리셋(1x2, 1x3, 2x2, 3x3, 1x4)을 제공합니다. 다른 크기의 그리드가 필요하다면, 제공된 프리셋으로 여러 번 나눈 뒤 도구 밖에서 결과물을 직접 조합하는 것이 가장 빠른 방법입니다.

작은 타일로 자른 후 이미지 화질이 떨어지나요?

추가 압축은 전혀 적용되지 않습니다 — 각 타일은 잘라낸 원본 이미지 부분의 해상도와 픽셀 품질을 그대로 유지하는 PNG로 내보내집니다. 원본 이미지가 고화질이라면 잘라낸 타일도 그만큼 선명하게 유지됩니다.

Instagram 외의 용도, 예를 들어 여러 장의 종이로 포스터를 인쇄하는 데도 쓸 수 있나요?

가능합니다 — Instagram 그리드 게시물 용도로 설계되었지만 분할 기법 자체는 범용적입니다. 큰 일러스트를 여러 장으로 나눠 따로 인쇄한 뒤 물리적으로 이어 붙이거나, 다른 플랫폼에서 디지털 콜라주를 만드는 용도로도 많이 사용됩니다.

관련 도구