이미지 텍스트 워터마크

캔버스에서 이미지 위에 직접 텍스트를 그려서, 워터마크가 픽셀로 합쳐진 평면 PNG를 만듭니다. 아홉 개의 고정 위치 중 하나를 고르거나, 타일 모드로 바꿔 이미지 전체에 텍스트를 반복할 수 있습니다(검토용 워터마크에서 흔한 방식입니다). 크기, 불투명도, 회전, 색, 그림자가 모두 실시간이라 미리보기에 보이는 것이 곧 내려받을 파일입니다.

모든 처리가 브라우저에서 일어납니다. 이미지를 디코딩해 원래 픽셀 크기의 캔버스에 그리고 로컬에서 다시 인코딩하며, 아무것도 업로드하지 않습니다. 이 왕복의 결과로 출력은 입력이 무엇이든 항상 PNG입니다. 그래서 JPEG 사진은 대개 원본보다 몇 배 큰 파일로 돌아옵니다. 재인코딩은 픽셀이 아닌 모든 것도 버립니다. EXIF, ICC 프로파일, GPS 좌표, 촬영 시각, 내장 색 프로파일이 내려받는 파일에서 사라지는데, 지우고 싶었다면 유용하고 그렇지 않았다면 당황스러운 일입니다.

텍스트는 브라우저의 system-ui 글꼴 스택으로 그려지므로 실제 글자 모양은 페이지를 그리는 운영체제에 달려 있습니다. 같은 설정이라도 윈도우, macOS, 리눅스에서 폭이 조금씩 다르게 나옵니다. 글자 크기는 이미지 대비 비율이 아니라 캔버스 픽셀로 재기 때문에, 4000픽셀 사진에서 알맞아 보이던 값이 600픽셀 섬네일에서는 읽을 수 없게 됩니다. 타일 모드는 측정된 텍스트 폭을 기준으로 간격을 잡아서, 긴 문구일수록 자동으로 더 벌어집니다.

보이는 워터마크가 할 수 없는 일은 이미지를 보호하는 것입니다. 모서리 표시는 누구나 잘라낼 수 있고, 요즘의 인페인팅은 타일 형태도 적당한 노력으로 지웁니다. 출처를 표시하고 가벼운 재사용을 막을 뿐, 권리 관리 수단은 아닙니다. 유출 경로를 추적하려면 보이지 않는 방식이 맞는 도구입니다.