전자 서명 만들기

전자 서명 만들기, 이렇게 사용하세요

이 도구는 계약서·전자문서에 넣을 손글씨 서명을 마우스나 터치로 직접 그려 이미지 파일로 저장하는 도구입니다. 사용 순서는 간단합니다. 서명란(캔버스) 위에서 마우스 왼쪽 버튼을 누른 채 이름을 쓰거나, 스마트폰·태블릿에서는 손가락이나 스타일러스로 그립니다. 마지막 획만 잘못됐다면 되돌리기 버튼으로 그 획만 취소하고, 전부 다시 그리려면 지우기 버튼으로 캔버스를 비우면 됩니다. 완성한 뒤 '투명 PNG로 저장' 버튼을 누르면 배경이 투명한 PNG 파일(signature.png)이 내려받아집니다. 펜 색상과 굵기(1~10px)는 서명 전에 먼저 맞춰 두는 것이 좋습니다. 얇은 펜(2~3px)은 도장 느낌, 굵은 펜(5px 이상)은 사인펜 느낌이 납니다. 저장한 서명은 이 브라우저의 '최근 서명' 목록에 최대 5개까지 남아 다시 내려받을 수 있습니다.

어떻게 그려지고 왜 투명 배경으로 저장되나

화면의 서명란은 HTML5 캔버스(canvas)입니다. 마우스나 손가락이 움직인 좌표를 연속으로 받아, 직전 점과 현재 점을 선분으로 이어 붙이는 방식으로 획을 그립니다. 그래서 빠르게 그으면 점 사이 간격이 벌어져 각진 느낌이, 천천히 그으면 부드러운 곡선이 나옵니다. 저장할 때는 캔버스 내용을 PNG로 변환하는데, 캔버스에 흰색이나 다른 배경을 칠하지 않았기 때문에 획이 없는 부분은 '색이 없는 픽셀'로 남습니다. PNG는 픽셀마다 투명도(알파 값)를 담을 수 있는 형식이라, 이 빈 픽셀들이 그대로 투명하게 저장됩니다. 이 도구는 PNG로만 저장하지만, 다른 프로그램에서 같은 그림을 JPG로 다시 저장하면 JPG가 투명도를 담지 못해 배경이 흰색으로 채워집니다. 서명을 문서 위에 겹쳐 올릴 때 흰 네모가 함께 보이지 않는 이유가 바로 이 투명 배경 덕분입니다.

이럴 때 씁니다

PDF 계약서나 근로계약서에 인쇄·재스캔 없이 서명을 붙일 때, 견적서·거래명세서 하단에 사인을 넣을 때, 워드·한글 문서나 이메일 서명란에 손글씨 이미지를 삽입할 때 유용합니다. 특히 투명 PNG는 문서의 표나 밑줄, 회사 로고 위에 겹쳐 놓아도 배경이 가려지지 않아 자연스럽습니다. 아이패드나 갤럭시탭에 스타일러스가 있다면 종이에 쓴 것과 비슷한 사인을 얻을 수 있어, 인쇄 후 서명하고 다시 스캔하는 번거로운 과정을 줄일 수 있습니다.

더 깔끔하게 만드는 팁

자주 묻는 질문