사진 합치기

01사진 합치기란

사진 합치기는 여러 장의 이미지 파일을 브라우저 안에서 한 장의 이미지로 이어 붙이는 작업입니다. 메신저 대화 캡처 여러 장을 위아래로 붙이거나, 여러 각도로 찍은 상품 사진을 격자로 모아 하나의 상세 이미지로 만들 때 주로 씁니다. 파일마다 따로 올리는 대신 한 장으로 합쳐 두면 메신저로 보내거나 게시물에 첨부하기가 훨씬 간단해지고, 여러 이미지의 배치 순서와 간격을 계산기가 대신 맞춰 줍니다.

02어떻게 계산하나

이 계산기는 배치 방향에 따라 기준이 되는 변을 하나 고르고, 나머지 이미지를 그 변에 맞춰 비율을 유지한 채 줄입니다. 세로로 이어 붙일 때는 이미지들 중 가장 좁은 폭을, 가로로 이어 붙일 때는 가장 낮은 높이를 기준으로 삼습니다. 가장 넓은(또는 가장 높은) 이미지에 맞추면 다른 이미지들을 확대해야 하는데, 확대는 원본에 없던 화소를 새로 만들어 내는 일이라 화질이 눈에 띄게 흐려집니다. 반대로 가장 작은 쪽을 기준으로 삼으면 모든 이미지가 축소만 되므로 화질 손실이 최소화됩니다. 격자 배치는 셀 폭을 가장 좁은 이미지의 폭으로 맞추고, 각 행의 높이는 그 행에서 가장 큰 이미지가 정해 사진끼리 겹치지 않게 합니다.

03유사 개념과의 차이

세로·가로·격자 중 어느 배치를 쓸지는 사진의 성격에 따라 갈립니다. 메신저 대화나 웹페이지를 여러 번 캡처해 이어 붙일 때는 위아래로 긴 세로 배치가 순서대로 읽히기에 자연스럽습니다. 반대로 상품의 앞·뒤·옆면처럼 서로 독립적인 여러 장을 한눈에 비교하도록 보여주고 싶다면 격자 배치가 더 적합합니다. 가로 배치는 파노라마처럼 좌우로 이어지는 장면이나, 두세 장을 나란히 비교할 때 주로 씁니다.

04언제 쓰나요

• 메신저 대화를 여러 장 캡처해 세로로 이어 붙일 때
• 상품 상세페이지에 넣을 여러 각도의 상품 사진을 격자로 모을 때
• SNS 피드나 스토리에 올릴 여러 장을 한 장으로 합칠 때
• 여행 사진 여러 장을 한 장에 모아 메신저로 공유할 때

05계산 기준 전체 공개

• 선택한 파일은 서버로 전송되지 않습니다. 브라우저의 Canvas 로 처리합니다.
• 세로 배치는 이미지들의 가장 좁은 폭, 가로 배치는 가장 낮은 높이에 맞춰 비율을 유지한 채 축소합니다. 확대는 하지 않습니다 — 없는 화소를 만들어 내지 않기 위해서입니다.
• 격자 배치의 셀 폭은 가장 좁은 이미지의 폭이고, 각 행의 높이는 그 행에서 가장 높은 이미지가 정합니다.
• 이미지 사이 간격은 0~200px 입니다 (MAX_GAP).
• 완성 캔버스의 한 변은 12,000px 을 넘지 않습니다 (MAX_CANVAS). 넘으면 전체를 같은 배율로 줄입니다 — 캔버스만 자르면 이미지가 잘려 나가기 때문입니다.
• 한 번에 최대 20장, 파일당 20MB, 해상도 4,000만 화소까지 처리합니다 (LIMITS).
• EXIF 촬영정보·GPS 좌표는 결과 파일에서 제거됩니다. 회전 방향은 원본 그대로 반영합니다.

06계산 예시와 해석

07출처와 적용 범위

• MDN — Canvas 이미지 파일 내보내기

  브라우저의 파일 형식·손실 압축 품질·해상도 메타데이터 동작을 설명합니다. 결과 용량이나 인쇄 품질을 보장하는 자료는 아닙니다. 2026-09-21 확인.

08활용 팁

선택 후 표시된 파일 목록의 순서를 먼저 확인하세요. 파일 선택 창의 정렬 방식에 따라 클릭한 순서와 다를 수 있으며, 이 도구는 전달받은 목록 순서로 배치합니다. 서로 비슷한 해상도의 원본을 준비하면 작은 사진 때문에 전체가 과도하게 줄어드는 일을 줄일 수 있습니다. 작은 사진을 미리 확대해도 없던 디테일이 복원되지는 않습니다.