🎠 Instagram 캐러셀 메이커

와이드 이미지 한 장으로 단일 포스트 캐러셀 만들기 — 2-20장의 슬라이드가 스와이프할 때 딱 맞게 이어집니다

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

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

기능

  • 슬라이드 2-20장 — 인스타그램은 캐러셀 포스트 하나에 사진이나 동영상을 최대 20개까지 올릴 수 있습니다. 슬라이드 수를 고르면 이미지가 같은 폭의 슬라이드로 잘려서, 스와이프할 때 정확히 이어집니다. 목록에는 이미지에 가장 잘 맞는 수가 표시됩니다.
  • 남길 부분은 직접 선택 — 이미지가 띠의 모양과 정확히 같지 않으면 일부는 잘라낼 수밖에 없습니다 — 늘리지는 않습니다. 이미지 위 프레임이 슬라이드가 될 부분과 이음새 위치를 보여 주니 드래그해서 옮기세요. 얼마나 남는지, 확대되어 흐릿해지는지도 페이지가 알려 줍니다.
  • 스와이프 미리보기 — 실제로 보이는 크기로 슬라이드를 스와이프해 보세요(화살표, 점, ← → 키도 됩니다). 올리기 전에 중요한 부분이 이음새에 걸리지 않았는지 확인할 수 있습니다.
  • 4:5 또는 1:1 슬라이드 — 1080×1350(4:5 세로)은 정사각형보다 휴대폰 화면을 더 많이 채웁니다. 1080×1080(1:1)은 클래식한 형태입니다. 1440 폭 버전도 있지만, 인스타그램은 올라온 이미지를 모두 자체 크기로 조정합니다.
  • 업로드 제로 — 이미지는 브라우저 밖으로 나가지 않습니다. 모든 슬라이드는 기기에서 Canvas 2D로 그리고 JSZip으로 압축합니다. DevTools로 확인할 수 있습니다 — 파일을 실어 나르는 네트워크 요청은 없습니다.

작동 방식

  1. 와이드 이미지 드롭 — 어떤 모양이든 됩니다. 파노라마나 가로로 긴 디자인일수록 더 많은 슬라이드를 채울 수 있고, 슬라이드 수 목록에 가장 잘 맞는 수가 표시됩니다.
  2. 슬라이드 수와 모양 선택 — 4:5 세로는 정사각형보다 화면을 더 많이 채웁니다. 이미지 일부를 잘라야 하면 얼마나 잘리는지 알려 주고, 가장 많이 남는 수를 제안합니다.
  3. 프레임을 드래그하고 미리보기 확인 — 프레임을 옮겨 남길 부분을 고르고, 얼굴과 글자가 점선 이음새에 걸리지 않게 한 다음, 팔로워처럼 미리보기를 스와이프해 보세요.
  4. ZIP 다운로드 후 게시 — ZIP에는 slide-01.jpg, slide-02.jpg 등이 들어 있습니다. 인스타그램 새 게시물 화면에서 번호 순서대로 탭하세요 — 캐러셀은 탭한 순서를 그대로 따릅니다.

활용 사례

  • 파노라마 사진을 스와이프하며 넘겨 보는 하나의 이어진 이미지로 보여 주기.
  • 하나의 와이드 캔버스로 디자인한 스토리나 튜토리얼을 여러 슬라이드에 걸쳐 — 요소가 이음새를 넘어 자연스럽게 이어집니다.
  • 제품 출시: 와이드 배너로 제품, 상세 정보, 가격을 한 장씩 공개.
  • 비포/애프터: 두 장의 사진을 나란히 놓은 와이드 이미지 한 장을 슬라이드 2장으로 분할.
  • 이벤트 정리와 타임라인을 긴 디자인 하나에 왼쪽에서 오른쪽으로 배치.

자주 묻는 질문

Instagram 그리드 메이커와 무엇이 다른가요?

캐러셀 메이커는 와이드 이미지 한 장을 포스트 하나 안의 여러 슬라이드로 나눕니다 — 보는 사람이 스와이프해서 넘깁니다. 그리드 메이커는 이미지를 여러 개의 별도 포스트로 나눠 프로필 그리드에서 이어지게 합니다. 목적도, 보이는 방식도 다릅니다.

정사각형 대신 4:5 세로를 쓰는 이유는?

같은 폭이라면 4:5 슬라이드(1080×1350)가 정사각형(1080×1080)보다 25% 더 길어서 피드에서 휴대폰 화면을 더 많이 차지합니다. 정사각형은 같은 슬라이드 수에 덜 넓은 이미지로도 충분합니다.

슬라이드는 최대 몇 장인가요?

인스타그램은 캐러셀 하나에 사진이나 동영상을 최대 20개까지 올릴 수 있어서(2024년까지는 10개였습니다) 이 도구도 2장에서 20장까지 지원합니다. 슬라이드마다 폭 1080 px의 온전한 이미지라서 20장이면 아주 넓은 이미지가 필요합니다 — 슬라이드 수 목록에 내 이미지에 가장 잘 맞는 수가 표시됩니다.

원본 이미지는 어떻게 나뉘나요?

슬라이드를 모두 합치면 하나의 띠가 됩니다: 슬라이드 수 × 슬라이드 폭, 높이는 슬라이드 높이(4:5 슬라이드 5장 = 5400 × 1350). 이미지는 이 띠를 덮도록 크기가 조정되고(늘리지는 않습니다), 모양이 다르면 프레임을 드래그해서 남길 부분을 고릅니다. 그런 다음 띠를 같은 폭의 슬라이드로 자르기 때문에 스와이프할 때 정확히 이어집니다.

슬라이드가 흐릿해 보이는 이유는?

남긴 부분의 픽셀이 슬라이드에 필요한 것보다 적으면 확대할 수밖에 없고, 페이지가 몇 배인지 알려 줍니다. 4:5 슬라이드 5장에는 5400 × 1350 px 띠가 필요한데, 폭 4000 px인 휴대폰 사진으로는 선명하게 채울 수 없습니다. 슬라이드 수를 줄이거나, 정사각형으로 하거나, 더 큰 원본을 쓰면 도움이 됩니다.

슬라이드를 특정 순서로 올려야 하나요?

네 — 인스타그램 새 게시물 화면에서 slide-01을 먼저, 그다음 slide-02, slide-03 순으로 탭하세요. 캐러셀은 탭한 순서를 그대로 따르고, 파일 이름으로 정렬하지 않습니다.

투명한 부분은 어떻게 되나요?

슬라이드는 투명도가 없는 JPEG(품질 95%)로 저장되기 때문에 투명한 부분은 흰색으로 나옵니다. 이미지에 투명한 부분이 있으면 페이지가 알려 줍니다.

이미지가 업로드되나요?

아니요. 분할은 모두 브라우저 안에서 Canvas 2D로 처리합니다. JSZip이 결과를 브라우저에서 묶습니다. DevTools → Network 탭을 열어 이미지 데이터를 보내는 요청이 없는지 직접 확인해 보세요.

관련 도구

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