왜 사진을 하나로 합쳐야 할까요
SNS에 올릴 때 사진을 여러 장 따로 올리면 넘겨봐야 하지만, 한 장으로 합치면 스크롤 한 번이나 썸네일 한 장만으로 전체 내용을 전달할 수 있어요. 상품을 비교하는 글이라면 가로로 나란히 붙여서 한눈에 비교하게 만들 수 있고, 사용 후기나 상세 설명처럼 순서가 있는 내용은 세로로 길게 이어붙이면 자연스럽게 읽혀요. 여러 장의 분위기를 한 번에 보여주고 싶은 여행 사진이나 앨범 커버는 격자 모양 콜라주가 어울려요. 결국 중요한 건 "몇 장을 어떤 모양으로 배치할까"를 먼저 정하는 거예요.
배치 방식 네 가지 비교
- 가로로 이어붙이기: 사진들을 같은 높이로 맞춰 옆으로 나란히 붙여요. 상품 비교, 색상별 비교, 과정 사진(1단계→2단계→3단계)을 한 줄로 보여줄 때 좋아요.
- 세로로 이어붙이기: 사진들을 같은 가로 폭으로 맞춰 아래로 길게 쌓아요. 상세페이지, 긴 설명, 스크롤로 읽는 콘텐츠에 어울려요. 860px·1000px처럼 상세페이지에 많이 쓰는 폭을 프리셋으로 고를 수 있어요.
- 격자 2×2: 정사각형 4칸에 사진을 채워요. 짧고 균형 잡힌 콜라주가 필요할 때 좋아요.
- 격자 3×3: 정사각형 9칸에 사진을 채워요. 앨범 느낌이나 다양한 장면을 한 번에 보여줄 때 좋아요.
만드는 순서
- 사진 이어붙이기·콜라주에 사진을 2~9장 올려요.
- 위에서 설명한 네 가지 중 상황에 맞는 배치 방식을 골라요.
- 목록에서 각 사진의 위·아래 버튼을 눌러 원하는 순서로 바꿔요. 순서가 중요한 세로 이어붙이기·가로 이어붙이기에서는 이 단계가 특히 중요해요.
- 간격(px)과 배경색을 정해요. 사진을 딱 붙이고 싶으면 간격을 0으로, 구분감을 주고 싶으면 10~20px 정도로 둬요.
- 모서리 둥글기를 더해 부드러운 느낌을 줄 수도 있어요.
- 파일 형식과 품질을 정하고, 결과 크기(px·KB)를 확인한 뒤 다운로드해요.
순서와 간격을 정하는 요령
세로나 가로로 이어붙일 때는 순서가 내용 전달에 큰 영향을 줘요. 예를 들어 상품의 "문제 상황 → 해결 → 사용 모습" 순서로 사진을 배치하면 설명이 자연스럽게 읽히고, 반대로 순서가 뒤바뀌면 내용이 헷갈려요. 사진을 올린 순서가 마음에 들지 않으면 목록의 위·아래 버튼으로 간단히 바꿀 수 있어요. 간격은 콜라주의 분위기를 좌우해요. 간격이 없으면(0px) 사진들이 하나의 연속된 이미지처럼 보이고, 간격을 조금 주면(10~20px) 각 사진이 구분되어 보여서 콜라주 느낌이 살아나요. 격자 배치에서는 간격이 너무 좁으면 답답해 보이고, 너무 넓으면 하나의 작품처럼 안 보일 수 있으니 8~16px 정도가 무난해요.
배경색과 모서리 둥글기 고르는 법
배경색은 사진 사이 간격과, 격자에서 사진이 다 채워지지 않은 빈 칸에 적용돼요. 사진들의 색감이 밝은 톤이라면 흰색이나 아주 밝은 회색이 잘 어울리고, 어두운 톤이거나 감성적인 느낌을 원한다면 검은색이나 짙은 남색도 좋은 선택이에요. 브랜드 색이 있다면 그 색을 배경으로 쓰면 통일감이 생겨요. 모서리를 살짝 둥글게(8~16px) 처리하면 각진 느낌이 부드러워지고 SNS 카드 UI와 잘 어울리지만, 인쇄물이나 공식 문서처럼 딱딱한 느낌이 필요한 곳에는 각진 모서리(0px)가 더 알맞아요.
용도별 추천 설정
| 용도 | 추천 배치 | 참고 |
|---|---|---|
| 상품 비교(2~4개) | 가로로 이어붙이기 | 같은 높이로 나란히 비교 |
| 스마트스토어 상세페이지 | 세로로 이어붙이기(860px) | 네이버 공식 권장 가로폭 |
| 여행 사진 모음 | 격자 2×2 또는 3×3 | 인스타 피드·앨범 커버에 어울림 |
| 사용법 1·2·3단계 | 가로 또는 세로 이어붙이기 | 순서가 보이도록 정렬 |
좋은 예 vs 나쁜 예
- 좋은 예: 비교할 사진을 같은 각도·거리로 찍어서 가로로 붙여 공정하게 비교함
- 나쁜 예: 사진마다 밝기와 각도가 달라서 비교가 불공평해 보임
- 좋은 예: 상세페이지용 세로 이어붙이기에서 860px 폭으로 통일함
- 나쁜 예: 사진마다 원본 크기가 달라 폭이 들쑥날쑥하게 보임(세로 이어붙이기는 자동으로 폭을 맞춰주니 이 문제는 자동 해결돼요)
흔한 실수
- 순서를 바꾸지 않고 올린 순서 그대로 둬서 내용 흐름이 어색해져요.
- 격자 2×2에 사진을 5장 이상 올려서 일부 사진이 반영되지 않는 걸 눈치채지 못해요.
- 간격을 0으로 둔 채 배경색을 눈에 띄는 색으로 설정해서 어색한 테두리가 생겨요(간격이 0이면 배경색이 거의 보이지 않으니 큰 문제는 아니지만, 모서리 둥글기를 함께 쓰면 배경색이 살짝 보일 수 있어요).
- 세로로 이어붙인 결과물이 너무 길어져 업로드 용량 제한에 걸려요. 이때는 긴 이미지 자르기 도구로 나눠서 올리세요.
상세페이지처럼 세로로 아주 길게 이어붙인 이미지가 플랫폼 업로드 용량 제한보다 커졌다면, 긴 이미지 자르기·분할 도구로 섹션 단위로 나눠서 올리면 안전해요.
체크리스트
- 용도에 맞는 배치(가로·세로·격자)를 골랐나요?
- 사진 순서가 내용 흐름에 맞게 정렬됐나요?
- 간격·배경색·모서리 둥글기가 전체 느낌과 어울리나요?
- 결과물 용량이 업로드할 플랫폼의 제한 안에 들어오나요?
자주 묻는 질문
사진 비율이 서로 다른데 합쳐도 되나요?
네. 가로·세로 이어붙이기는 각 사진의 비율을 유지한 채 한쪽 길이(높이 또는 폭)만 맞추기 때문에 비율이 달라도 자연스럽게 이어져요. 격자 배치는 칸에 맞춰 크롭되니 중요한 내용이 가운데 오도록 사진을 고르면 좋아요.
사진이 몇 장까지 합쳐지나요?
2장부터 9장까지 한 번에 합칠 수 있어요. 격자 2×2는 4장, 3×3은 9장까지 칸이 채워지고 그보다 적으면 남는 칸은 배경색으로 비어 있어요.
결과물 용량이 너무 크면 어떻게 하나요?
파일 형식을 JPG나 WebP로 바꾸고 품질을 90%에서 75% 정도로 낮춰보세요. 세로로 이어붙인 이미지가 플랫폼 업로드 한도보다 너무 길어졌다면 긴 이미지 자르기 도구로 섹션 단위로 나눠 올리는 것도 방법이에요.
가로와 세로 이어붙이기 중 뭘 써야 할지 모르겠어요.
사진끼리 나란히 비교하거나 한 화면에 다 보여주고 싶다면 가로로, 순서가 있는 흐름(사용법, before→after, 상세 설명)을 보여주고 싶다면 세로로 이어붙이는 게 자연스러워요.