사진 이어붙이기

사진을 여러 장 올리면 목록에 파일명과 크기(가로×세로 px)가 표시됩니다. 목록의 순서가 곧 붙는 순서입니다. 세로 모드에서는 위에서 아래로, 가로 모드에서는 왼쪽에서 오른쪽으로, 격자 모드에서는 왼쪽 위부터 한 줄씩 채워집니다. 순서는 ▲▼ 버튼으로 한 칸씩 옮기거나, 왼쪽 손잡이를 잡고 끌어서 바꿀 수 있습니다. 손잡이 끌기는 마우스뿐 아니라 휴대폰 터치에서도 동작합니다.

파일을 고른 순서가 뒤죽박죽이라면 이름순 정렬을 누르세요. 파일명 안의 숫자를 사람이 읽는 순서대로(1, 2, 3, … 10, 11) 정렬하므로 캡처 순서가 그대로 살아납니다. 아래쪽 옵션에서 방향과 폭 맞춤, 간격, 배경색, 출력 형식을 정하면 미리보기가 바로 바뀌고, 출력 크기와 예상 용량도 함께 표시됩니다. 마음에 들면 합쳐서 저장을 누르면 됩니다. 미리보기는 화면에 맞게 줄여서 그리고, 저장할 때 원래 크기로 다시 그리기 때문에 미리보기가 흐려 보여도 결과물은 선명합니다.

모든 처리는 브라우저의 Canvas API로 이루어집니다. 사진이 서버로 올라가지 않으므로 개인 대화 캡처나 공개 전 자료도 안심하고 쓰실 수 있고, 업로드·다운로드 대기 없이 바로 결과를 받습니다. 저장된 파일 이름은 merged.jpg, merged.png, merged.webp 중 고른 형식에 따라 정해집니다.

같은 휴대폰에서 찍은 카카오톡 캡처는 폭이 전부 같습니다. 예를 들어 어떤 기종은 1080px, 어떤 기종은 1170px이나 1290px으로 통일되어 있어서 그냥 이어붙여도 매끈하게 붙습니다. 문제는 캡처한 기기가 서로 다를 때입니다. 내 휴대폰 캡처와 상대가 보내 준 캡처, 또는 PC 브라우저 캡처와 휴대폰 캡처를 한 장에 붙이면 폭이 제각각이라 한쪽에 빈 공간이 생기거나 글자 크기가 들쭉날쭉해 보입니다. 사진의 경우에도 가로로 찍은 사진과 세로로 찍은 사진은 폭이 다르기 때문에 같은 문제가 생깁니다.

그래서 이 도구는 세로 모드에서 세 가지 폭 맞춤 방식을 제공합니다.

• 가장 좁은 사진에 맞춤 — 나머지 사진을 줄여서 가장 좁은 사진의 폭에 맞춥니다. 확대가 전혀 없으므로 화질 손실이 가장 적고, 결과 파일도 가장 작습니다. 캡처 합치기의 기본값으로 알맞습니다.
• 가장 넓은 사진에 맞춤 — 나머지 사진을 키워서 가장 넓은 사진의 폭에 맞춥니다. 작은 사진이 확대되므로 살짝 흐려질 수 있지만, 큰 사진의 해상도를 그대로 지키고 싶을 때 씁니다.
• 원본 크기 유지 · 가운데 정렬 — 아무것도 줄이거나 키우지 않고 가장 넓은 사진 폭에 맞춰 나머지를 가운데에 놓습니다. 남는 공간은 배경색(또는 투명)으로 채워집니다. 크기가 다른 것이 의도된 결과물, 예를 들어 비교용 자료를 만들 때 유용합니다.

가로 모드에서는 같은 원리가 높이에 적용됩니다. 가장 낮은 사진에 맞춤, 가장 높은 사진에 맞춤, 원본 유지 세 가지가 있고 동작은 위와 똑같습니다. 사진을 줄이거나 키울 때 비율은 항상 유지되므로 사진이 찌그러지는 일은 없습니다.

격자 모드는 언제 쓰나요

사진이 여섯 장, 아홉 장처럼 많은데 한 줄로 붙이면 지나치게 길어질 때 격자를 씁니다. 열 수를 정하면 왼쪽 위부터 차례로 채워지고, 각 열의 폭은 세로 모드와 같은 규칙으로 맞춰집니다. 줄마다 높이는 그 줄에서 가장 높은 사진 기준으로 잡히고 나머지는 세로 가운데에 놓입니다. 2열은 비교표(전·후, 좌·우)에, 3열은 상품 컷이나 여행 사진 모음에 잘 맞습니다. 격자에서 사진 사이 간격을 8~20px 정도 주고 배경을 흰색으로 두면 깔끔한 콜라주가 됩니다. 한 줄에 다 채워지지 않는 마지막 줄은 왼쪽부터 채워지고 남는 칸은 배경색으로 남습니다.

카카오톡 대화 캡처 이어붙이기

긴 대화를 캡처하면 여러 장으로 나뉩니다. 이 도구에 순서대로 올리고 세로 방향, 가장 좁은 사진에 맞춤, 간격 0으로 두면 한 장의 긴 이미지가 됩니다. 대화 캡처는 글자가 많으므로 출력 형식은 PNG를 권합니다. 캡처를 찍을 때 화면을 조금씩 겹치게 찍었다면 붙인 자리에서 같은 말풍선이 두 번 보이게 됩니다. 겹치는 부분을 잘라내는 작업은 이 도구의 범위 밖이라, 붙이기 전에 각 캡처의 위아래를 먼저 잘라 두셔야 합니다. 정확한 px로 자르거나 비율로 잘라내는 작업은 이미지 크기 조절에서 할 수 있습니다. 캡처를 찍을 때 상태 표시줄(시계·배터리)과 입력창을 미리 빼고 찍으면 자를 일이 줄어듭니다.

상대방이 보내 준 캡처를 내 캡처와 섞어 붙일 때는 폭이 다른 경우가 많습니다. 이때 "가장 좁은 사진에 맞춤"을 쓰면 글자 크기가 비슷하게 맞춰져서 읽기 편합니다. 공개할 자료라면 붙이기 전에 이름과 프로필 사진을 가리는 것도 잊지 마세요. 이 도구는 모자이크 기능이 없으므로 캡처 단계에서 처리하거나 다른 편집 앱을 쓰셔야 합니다.

블로그·상세페이지용 긴 이미지

블로그나 쇼핑몰 상세페이지는 세로로 긴 이미지를 한 장으로 올리는 경우가 많습니다. 여러 장의 안내 이미지를 세로로 이어붙이고 간격을 0으로 두면 한 장짜리 긴 이미지가 되고, 간격을 20~40px 정도 주면 단락처럼 나뉘어 읽기 편해집니다. 다만 대부분의 플랫폼은 업로드 이미지의 최대 세로 길이나 용량에 제한이 있습니다. 예를 들어 어떤 곳은 긴 변 4096px 또는 10MB를 넘으면 자동으로 줄이거나 거부합니다. 최대 출력 크기 옵션을 플랫폼 제한에 맞춰 두면 업로드 후 다시 줄어드는 일을 피할 수 있습니다. 상세페이지처럼 사진이 많은 경우엔 JPG 85~90 정도로 저장하고, 글자 위주라면 PNG로 저장한 뒤 용량이 크면 이미지 용량 줄이기로 한 번 더 줄이는 순서를 권합니다.

인스타그램 캐러셀용 가로 분할은 반대 작업입니다

인스타그램에서 한 장의 파노라마를 여러 장으로 나눠 옆으로 넘기는 캐러셀은 이 도구와 정반대의 작업입니다. 이 도구는 여러 장을 한 장으로 합치는 것이고, 캐러셀은 한 장을 여러 장으로 자르는 것이니까요. 합친 결과물을 인스타 캐러셀용으로 자르려면 이미지 크기 조절에서 1:1 비율로 위치를 옮겨 가며 잘라 내시면 됩니다. 반대로 여러 장의 정사각형 사진을 옆으로 이어붙여 긴 파노라마처럼 보이게 만들고 싶다면 가로 모드에 간격 0으로 붙이면 됩니다.

세 가지 형식은 각각 잘하는 일이 다릅니다. 무엇을 붙이는지에 따라 고르시면 됩니다.

• PNG — 화면 캡처, 대화 캡처, 표나 코드처럼 글자가 많은 이미지에 적합합니다. 무손실이라 글자 가장자리가 뭉개지지 않고 색이 그대로 보존됩니다. 대신 사진처럼 색이 복잡한 이미지는 용량이 매우 커집니다. 투명 배경이 필요할 때도 PNG입니다.
• JPG — 카메라로 찍은 사진에 적합합니다. 품질 85~92 사이에 두면 눈으로 구분하기 어려운 손실로 용량을 크게 줄일 수 있습니다. 95 이상은 용량만 커지고 화질 차이는 거의 없습니다. 어디서나 열리는 것이 가장 큰 장점이고, 투명 배경은 지원하지 않아 투명한 부분은 배경색으로 채워집니다.
• WebP — 같은 화질에서 JPG보다 25~35% 작아 용량이 가장 적게 나옵니다. 투명도도 지원합니다. 다만 오래된 사진 뷰어, 일부 메신저, 문서 편집기에서는 열리지 않거나 첨부가 거부될 수 있어서, 상대방 환경을 모를 때는 JPG가 안전합니다.

긴 이미지의 용량은 얼마나 나오나요

세로로 여러 장을 붙이면 픽셀 수가 그만큼 늘고, 용량도 함께 늘어납니다. 대략적인 감을 잡으려면 가로×세로 픽셀 수를 먼저 계산해 보세요. 카카오톡 캡처 10장을 붙여 1080×12000이 되었다면 약 1,300만 픽셀입니다. 이 정도 크기의 대화 캡처는 PNG로 저장하면 보통 3~8MB, 흰 배경이 넓고 글자가 적으면 그보다 작게 나옵니다. 같은 크기를 JPG 90으로 저장하면 1.5~3MB, WebP로는 1~2MB 정도가 흔한 범위입니다. 사진을 붙인 경우 PNG는 훨씬 커져서 1,300만 픽셀이면 20MB를 넘길 수도 있으므로, 사진은 꼭 JPG나 WebP로 저장하세요. 미리보기 아래에 표시되는 예상 용량은 축소된 미리보기를 기준으로 어림한 값이고, 저장을 누르면 실제 용량이 표시됩니다.

브라우저의 캔버스에는 크기 상한이 있습니다. 정확한 값은 브라우저와 기기마다 다르지만 대체로 한 변이 16,384px 근처이고, 가로×세로를 곱한 총 픽셀 수에도 별도의 제한이 있습니다. 크롬과 엣지는 한 변 16,384px 안팎에 총 2억 6천만 픽셀 정도, 사파리는 총 픽셀 수 제한이 더 빡빡해서 iOS에서는 1,600만 픽셀 남짓만 안정적으로 만들어지는 경우가 많습니다. 이 한계를 넘으면 오류 없이 그냥 빈 이미지가 나오거나 저장이 조용히 실패하기 때문에, 이 도구는 16,384px 또는 총 픽셀 한계를 넘는 크기는 만들지 않고 안내 메시지를 보여 줍니다.

또 다른 제약은 메모리입니다. 캔버스는 픽셀 하나에 4바이트를 쓰므로 1080×12000 이미지는 그 자체로 약 52MB, 4096×16384라면 268MB의 메모리를 차지합니다. 여기에 원본 사진들이 디코딩된 상태로 함께 올라가 있어야 하니 실제 사용량은 그 몇 배가 됩니다. 휴대폰 브라우저는 탭 하나가 쓸 수 있는 메모리가 제한되어 있어서 이 정도가 되면 탭이 새로고침되거나 저장이 실패할 수 있습니다.

그래서 최대 출력 크기 기본값을 4096px로 두었습니다. 4096px은 대부분의 SNS·블로그·메신저가 어차피 그 이상을 줄여 버리는 크기이고, 휴대폰에서도 안정적으로 만들어지는 범위입니다. 결과가 이 값을 넘으면 비율을 유지한 채 자동으로 줄이고, 미리보기 아래에 얼마나 줄었는지 알려 드립니다. 캡처 원본 해상도를 꼭 지켜야 한다면 값을 8192나 그 이상으로 올리되, PC 브라우저에서 시도하시고 사진 수를 나눠서 두세 번에 걸쳐 붙이는 것이 안전합니다. 원본 사진이 매우 크면(4000만 화소 사진 등) 붙이기 전에 이미지 크기 조절로 먼저 줄여 두는 것도 좋은 방법입니다.

사진이 옆으로 돌아가요

휴대폰으로 찍은 사진은 실제 픽셀은 가로로 저장되고 "세로로 돌려서 보여 줘"라는 회전 정보(EXIF Orientation)만 붙어 있는 경우가 많습니다. 사진 앱은 이 정보를 읽어 똑바로 보여 주지만, 정보를 무시하는 프로그램에서는 사진이 옆으로 누워 보입니다. 이 도구는 사진을 읽을 때 회전 정보를 반영해 화면에 보이는 방향 그대로 붙이고, 결과물에는 회전 정보 없이 픽셀 자체를 똑바로 저장합니다. 그래서 합친 이미지는 어디서 열어도 같은 방향으로 보입니다. 만약 그래도 돌아가 있다면 원본 사진에 회전 정보가 잘못 기록된 경우이므로, 사진 앱에서 한 번 회전해 저장한 뒤 다시 올려 주세요.

용량이 너무 커요

긴 이미지는 픽셀 수가 많아 용량이 클 수밖에 없습니다. 먼저 출력 형식을 확인하세요. 사진을 PNG로 저장했다면 JPG 88 정도로 바꾸는 것만으로 용량이 5분의 1 이하로 줄어듭니다. 그다음 최대 출력 크기를 2048~3000px로 낮춰 보세요. 대부분의 화면에서는 차이를 느끼기 어렵습니다. 이미 저장한 파일을 목표 용량(예: 5MB 이하)에 맞춰 줄이려면 이미지 용량 줄이기를 쓰시면 됩니다. 품질을 자동으로 조절해 원하는 용량 아래로 맞춰 줍니다.

순서가 이상해요

파일 선택 창에서 여러 장을 고르면 브라우저가 넘겨주는 순서가 클릭한 순서와 다를 수 있습니다. 또 컴퓨터의 일반적인 문자열 정렬은 img1, img10, img2처럼 숫자를 글자로 취급해서 10이 2보다 앞에 오는 문제가 있습니다. 이 도구의 이름순 정렬은 파일명 속 숫자를 값으로 비교하는 자연 정렬(natural sort)을 쓰기 때문에 img1, img2, img10 순서로 바르게 정렬됩니다. 캡처 파일명이 Screenshot_20250101-101530처럼 시각으로 되어 있으면 이름순 정렬이 곧 찍은 순서입니다. 그래도 맞지 않으면 ▲▼ 버튼이나 손잡이를 끌어 직접 옮기세요.

투명 배경이 흰색이 됐어요

JPG로 저장하셨을 가능성이 높습니다. JPG는 투명도를 지원하지 않아 투명한 부분이 배경색으로 채워집니다. PNG나 WebP를 고르고 투명 배경 체크를 켜 주세요. 미리보기의 체크무늬는 투명한 영역을 나타내는 것이고 결과 파일에는 포함되지 않습니다.

GIF를 올렸는데 움직이지 않아요

여러 장을 한 장의 정지 이미지로 합치는 도구라 GIF는 첫 프레임만 사용합니다. 움직이는 GIF를 만들거나 편집하려면 GIF 만들기를 이용해 주세요.

저장 버튼을 눌렀는데 아무 일도 없어요

출력 크기가 브라우저 한계를 넘었거나 메모리가 부족한 경우입니다. 최대 출력 크기를 낮추거나 사진 수를 줄여서 다시 시도해 보세요. 일부 브라우저의 시크릿 모드나 다운로드 차단 설정에서는 저장 창이 뜨지 않을 수 있으니 주소창 옆 차단 알림도 확인해 주세요.