도구상자FREE ONLINE TOOLS
← 모든 도구

이미지 합치기 · 콜라주

여러 사진을 한 장으로 이어 붙이거나 격자로 배치하세요. 추가한 순서대로 합쳐지며 미리보기로 바로 확인합니다.

🧩
이미지 여러 장을 선택하거나 여기로 드래그하세요 여러 번 추가할 수 있어요
사용법
  1. 합칠 사진들을 한 번에 여러 장 선택하거나, "이미지 더 추가"로 원하는 만큼 추가합니다. 추가한 순서가 배치 순서가 됩니다.
  2. 배치 방향을 "가로로 잇기 · 세로로 잇기 · 격자 콜라주" 중에서 고릅니다. 격자를 고르면 열 수를 지정할 수 있습니다.
  3. 사진 사이 간격과 배경색을 조절합니다. 투명 배경을 체크하면 간격이 비치는 PNG로 저장됩니다.
  4. 미리보기를 확인한 뒤 "다운로드 (PNG)"로 합쳐진 한 장의 이미지를 저장합니다.
이어 붙이기·격자 콜라주, 어떻게 다를까

같은 사진 묶음도 배치 방식에 따라 쓰임새가 완전히 달라집니다. 목적에 맞는 방향을 먼저 정하면 결과물이 훨씬 깔끔합니다.

  • 가로로 잇기: 사진들을 같은 높이로 맞춰 옆으로 이어 붙입니다. 두 장을 나란히 비교(비포·애프터)하거나 파노라마처럼 펼칠 때 좋습니다.
  • 세로로 잇기: 같은 너비로 맞춰 위아래로 쌓습니다. 상세페이지·안내문처럼 스크롤로 길게 보여줄 한 장을 만들 때 적합합니다.
  • 격자 콜라주: 동일한 칸에 비율을 유지한 채 채워 넣어 2×2·3×3 같은 모눈 배치를 만듭니다. 여러 장을 균형 있게 한 화면에 모을 때 유용합니다.

합치기 전후로 용량을 가볍게 하고 싶다면 이미지 용량 줄이기 가이드를 참고하세요.

활용 팁
  • 비포·애프터 비교 이미지: 가로로 잇기로 두 사진을 나란히 붙이면 다이어트·인테리어·수리 전후를 한 장으로 보여줄 수 있습니다. 간격을 10~20px 주고 배경을 흰색으로 하면 경계가 깔끔하게 구분됩니다.
  • 제품 상세페이지용 긴 이미지: 세로로 잇기는 여러 컷을 하나의 긴 이미지로 만들어 쇼핑몰 상세 설명이나 안내문에 적합합니다. 스크롤 한 번으로 모든 내용을 보여줄 수 있습니다.
  • 여행·모임 사진 모음: 격자 콜라주로 4장(2×2)이나 9장(3×3)을 묶으면 SNS 업로드용 사진 모음이 완성됩니다. 열 수를 바꿔가며 가장 균형 잡힌 배치를 찾아보세요.
자주 묻는 질문
Q. 크기가 다른 사진을 합치면 어떻게 되나요?

가로로 이을 때는 모든 사진을 같은 높이로, 세로로 이을 때는 같은 너비로 자동 맞춰 정렬합니다. 격자에서는 동일한 칸에 비율을 유지한 채 가운데 정렬되어 들어가므로 찌그러지지 않습니다.

Q. 왜 결과가 PNG로 저장되나요?

여러 이미지를 합치면 간격이나 배경 영역이 생기는데, PNG는 투명 배경과 무손실 화질을 지원해 합성 결과를 가장 깨끗하게 보존합니다. 그래서 합치기 결과는 PNG로 내려받습니다.

Q. 여러 장을 올렸는데 그 사진들이 한곳에 모여 저장되나요?

아닙니다. 추가한 사진들은 합치는 동안 브라우저 메모리에만 있다가, 완성된 콜라주 PNG를 내려받고 나면 사라집니다. 어떤 이미지도 서버에 모이지 않습니다.

Q. 사진 순서를 바꾸려면 어떻게 하나요?

사진은 추가한 순서대로 왼쪽에서 오른쪽, 위에서 아래로 배치됩니다. 순서를 바꾸려면 '비우기'로 초기화한 뒤 원하는 순서대로 다시 추가하면 됩니다. 한 번에 여러 장을 선택하면 파일 이름 순으로 들어오므로, 미리 파일명을 1·2·3처럼 정리해 두면 원하는 배치를 한 번에 만들 수 있습니다.

Q. 격자 콜라주에서 빈 칸이 생기는 이유는 뭔가요?

격자는 지정한 열 수에 맞춰 줄을 채우므로, 사진 수가 열 수의 배수가 아니면 마지막 줄에 빈 칸이 남습니다. 예를 들어 5장을 2열로 배치하면 3번째 줄 오른쪽이 비게 됩니다. 빈 칸 없이 꽉 채우려면 사진 수에 맞춰 열 수를 조절하거나, 한두 장을 더 추가해 칸 수를 맞추세요.

함께 쓰면 좋은 도구