이미지 세로로 이어붙이기

이 도구가 필요한 순간

대화 내용이나 주문 내역을 캡처해서 보낼 때, 화면 한 장에 다 담기지 않아 여러 번 나눠 찍게 됩니다. 그런데 받는 쪽에서는 사진이 여러 장으로 흩어져 있으면 순서를 헷갈리거나 중간을 빠뜨리고 보게 됩니다. 한 장으로 이어붙여 보내면 이런 일이 없습니다.

쇼핑몰 상세페이지를 만들 때도 필요합니다. 여러 조각으로 나뉜 이미지를 한 장으로 합쳐 올려야 하는 경우가 많고, 블로그나 커뮤니티에 긴 내용을 올릴 때도 이어붙인 한 장이 훨씬 보기 좋습니다. 이 도구는 이미지 사이 간격과 배경색을 조절할 수 있어서, 조각 사이에 구분선처럼 여백을 두는 것도 가능합니다.

캡처마다 폭이 다른 경우가 흔합니다. 기기가 다르거나 확대 비율이 달랐던 경우입니다. 폭 기준을 골라두면 기준보다 큰 이미지는 비율을 유지한 채 자동으로 줄어들고, 작은 이미지는 화질을 지키기 위해 늘리지 않고 정렬 위치에 따라 배치됩니다.

여기에 이 도구가 특별히 신경 쓴 부분이 있습니다. 세로로 긴 캡처를 여러 장 이어붙이면 브라우저가 한 번에 처리할 수 있는 이미지 크기 한계를 넘기 쉽습니다. 이 한계를 넘으면 아무 경고 없이 아무것도 없는 빈 이미지가 저장되는데, 특히 아이폰 사파리에서 자주 일어납니다. 이 도구는 그리기 전에 미리 계산해서 한계를 넘을 것 같으면 알려주고, 전체를 줄여 한 장으로 만들지 원래 크기로 여러 장에 나눌지 직접 고르게 합니다.

모든 처리는 브라우저 안에서만 이뤄지므로 이미지가 서버로 전송되지 않습니다. 설치나 회원가입 없이 바로 쓸 수 있습니다.