📱 Instagram 그리드 메이커

이미지 한 장을 Instagram 프로필에서 딱 맞게 이어지는 타일로 자릅니다. 기본값은 1080 × 1440(3:4), 2025년 1월부터 프로필 그리드가 보여 주는 모양입니다

✓ 영구 무료 · ✓ 가입 불필요 · ✓ 업로드 없음 · ✓ 오프라인 작동

🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 Canvas 2D 분할 + JSZip (브라우저 전용)를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.

기능

  • 프로필 그리드 미리보기 — 올리기 전에 프로필에서 그리드가 어떻게 보일지 확인하세요. 얇은 간격이 있는 3:4 칸에, 각 타일이 프로필과 똑같이 잘려 보입니다. 4:5나 정사각형 타일을 고르면 그림이 어디서 끊기는지 보입니다.
  • 잘릴 부분은 내가 고릅니다 — 이미지가 그리드 모양과 딱 맞는 경우는 드뭅니다. 페이지가 타일에 이미지의 몇 %가 남는지 알려 주고, 남길 부분을 드래그로 고르게 하며, 타일이 확대될 때 경고하고, 이미지에 가장 잘 맞는 그리드 크기를 표시합니다.
  • 게시 순서 번호 — 각 타일에 올릴 순서가 표시됩니다. Instagram은 프로필 그리드를 최신 게시물부터 채우므로 마지막에 올리는 타일이 왼쪽 위로 갑니다. 번호만 따라가면 틀릴 일이 없습니다.
  • 게시 순서대로 붙는 파일명 — ZIP 안의 파일은 "post-01_tile-3-3.jpg"(오른쪽 아래, 가장 먼저 게시)부터 "post-09_tile-1-1.jpg"(왼쪽 위, 마지막에 게시)까지 이름이 붙습니다. 이 순서대로 올리면 그리드가 저절로 완성됩니다.
  • 업로드 없음 — 파노라마나 사진은 기기 밖으로 나가지 않습니다. 자르기는 브라우저에서 Canvas 2D로 처리됩니다. DevTools에서 확인할 수 있습니다.

작동 방식

  1. 가로나 세로로 긴 이미지 드롭 — 파노라마, 포스터, 세로 사진 모두 됩니다. 모양이 그리드와 다르면 이미지 위의 밝은 프레임이 남는 부분을 보여 줍니다. 드래그해서 고르세요.
  2. 그리드 크기 선택 — 3×1은 파노라마 띠, 3×3(게시물 9개)은 기본, 3×5(게시물 15개)는 휴대폰 화면을 가득 채웁니다. 목록에 이미지를 가장 많이 남기는 크기가 표시됩니다.
  3. 미리보기 확인 — 미리보기는 프로필과 똑같이 타일을 3:4 칸에 보여 주며, 각 타일에 게시 번호가 붙어 있습니다.
  4. 다운로드 후 게시 — ZIP을 받아 타일을 번호 순서대로 올리세요. #1(post-01)을 먼저, 가장 큰 번호를 마지막에. 마지막으로 올린 타일이 왼쪽 위에 놓이며 그리드가 완성됩니다.

활용 사례

  • 파노라마 사진(산 스카이라인, 도시 풍경)을 프로필 너비를 가로지르는 3타일 스트립으로
  • 큰 제품 출시: 하나의 히어로 이미지를 9 타일에 펼쳐 프로필이 통합된 출시처럼 보이게
  • 아티스트/사진가: 큰 작품 하나를 프로필 전체에 펼쳐 그리드를 통째로 채우기
  • 브랜드 캠페인: 여러 게시물에 광고판 스타일 디자인을 정렬해 방문자를 미학에 고정
  • 결혼식/이벤트 사진가: 전체 앨범 전에 티저 그리드 납품

자주 묻는 질문

왜 #9가 왼쪽 위에 있나요?

Instagram은 가장 최근 게시물을 프로필 그리드의 왼쪽 위에 보여 주기 때문입니다. 왼쪽 위 타일을 마지막에 올리면 그 타일이 프로필 맨 앞에 나타나 그림이 완성됩니다. 그래서 타일에 올려야 할 순서대로 번호를 붙였습니다. #1이 처음(오른쪽 아래), #9가 마지막(왼쪽 위)입니다.

원본 이미지는 어떤 비율이어야 하나요?

그리드와 타일 모양에 따라 다릅니다. 기본 3:4 타일(1080 × 1440)이라면 3×3은 3:4 세로 이미지(3240 × 4320), 3×2는 9:8 이미지(3240 × 2880), 3×1은 9:4 파노라마(3240 × 1440)가 맞습니다. 다른 비율도 됩니다. 그리드에 이미지의 몇 %가 남는지 알려 주고, 가장 잘 맞는 그리드 크기를 표시하며, 남길 부분을 드래그로 고를 수 있습니다. 늘어나는 부분은 없습니다.

왜 4:5나 정사각형이 아니라 3:4 타일인가요?

2025년 1월부터 Instagram 프로필은 모든 게시물을 3:4 직사각형으로 보여 주고(그전에는 정사각형), 3:4 사진도 올릴 수 있습니다. 3:4 타일은 칸을 정확히 채웁니다. 프로필 화면에서 4:5 타일은 양쪽에서 34 px씩(1080 중), 정사각형 타일은 135 px씩 잘려서 이음새에서 그림이 맞지 않습니다. 미리보기에서 확인할 수 있습니다. 피드에서 그 모양을 원하는 분을 위해 4:5와 정사각형도 목록에 남겨 두었습니다.

업로드할 때 Instagram이 타일을 더 압축하나요?

네, Instagram은 올라오는 모든 이미지를 다시 인코딩합니다. 타일은 기본 1080 × 1440(고르면 1080 × 1350, 1080 × 1080 또는 가로 1440 크기)의 품질 95% JPEG로 내보내지므로, Instagram이 작거나 이미 압축된 파일이 아니라 원래 크기의 고품질 파일에서 시작합니다.

타일을 아무 순서로 올려도 되나요?

기술적으로는 됩니다. 하지만 모든 타일을 올리기 전까지 그리드는 제대로 맞춰지지 않습니다. 마지막 게시물이 왼쪽 위에 놓여야 비로소 "완성"됩니다. 순서 없이 올리면 몇 시간에서 며칠 동안 프로필이 깨져 보입니다.

고정한 게시물이나 중간에 올리는 게시물은요?

고정한 게시물(최대 3개)은 항상 프로필 그리드 맨 앞, 다른 모든 게시물 앞에 놓입니다. 그래서 하나마다 타일이 한 칸씩 밀려 그림이 흐트러집니다. 그리드를 보여 주는 동안에는 고정을 해제하세요. 마찬가지로 그리드 뒤에 올리는 게시물마다 그리드가 한 칸씩 밀립니다. 3개씩 한 줄을 통째로 올려야 정렬이 유지됩니다.

이미지 분할 도구와 무엇이 다른가요?

이미지 분할은 범용 분할 도구입니다(행 × 열 자유, 인쇄용으로 유용). Instagram 그리드 메이커는 Instagram 전용입니다. Instagram 타일 크기(3:4, 4:5, 1:1, 표준과 고해상도), 3:4 칸으로 보는 프로필 그리드 미리보기, 게시 순서 번호, 잘릴 부분을 고르는 프레임이 있습니다. 쓰는 플랫폼에 맞는 쪽을 고르세요.

이미지가 업로드되나요?

아니요. 자르기는 전부 브라우저에서 Canvas 2D로 실행되고, JSZip이 기기 안에서 모든 것을 묶습니다. DevTools → Network에서 이미지 데이터를 담은 요청이 하나도 나가지 않는 것을 확인할 수 있습니다.

관련 도구

💬 버그, 아이디어, 아니면 그냥 인사? Milo 🐨 에게 알리기 · [email protected]