이미지 워터마크

이미지 워터마크란?#

워터마크는 식별 정보, 즉 텍스트, 로고, 반복되는 패턴을 그림 위에 찍어서, 누구든 그림을 복사하면 내 표식까지 함께 복사하게 만드는 것입니다. 사람들이 워터마크를 찾는 이유는 세 가지입니다. 공개 포트폴리오에서 저작권 주장, 클라이언트 교정용 이미지의 무단 재사용 방지, 또는 문서가 나가기 전에 눈에 띄게 “초안”이나 “기밀”을 덮어찍기. 제대로 하려면 보이는 것보다 까다롭습니다. 표식은 피사체를 묻지 않으면서 읽을 수 있어야 하고, 위치는 예측 가능해야 하며, 잘라낼 수 없도록 대각선으로 바둑판 배치하는 것이 이상적입니다.

이 페이지는 브라우저에서만 완전히 실행되는 풀 워터마크 스튜디오입니다. 이미지를 불러오고, 텍스트 또는 로고 워터마크를 선택하고, 세 가지 배치 전략(9그리드 코너/중앙, 사용자 지정 백분율, 전면 바둑판) 중 하나를 고르고, 불투명도·각도·색상·글꼴을 조정한 뒤 결과를 PNG, JPEG, WebP로 내보냅니다. 원본은 로컬에서 디코딩되고 워터마크가 적용된 픽셀도 로컬에서 재인코딩됩니다.

사용 방법#

1. 점선 드롭 영역에 이미지를 끌어 놓으세요(또는 클릭해서 파일 선택).
2. 맨 위에서 워터마크 종류를 선택하세요.
   • 텍스트 — 문자열을 입력합니다(글꼴 스택에 CJK 폴백이 있어 라틴과 CJK 혼합 모두 렌더링). 그 다음 글꼴(고딕 / 명조 / 모노 / 필기체), 글꼴 크기(8–400 px), 색상을 고르고, 굵기를 원하면 굵게를 켭니다.
   • 이미지 — 로고 이미지를 클릭해 두 번째 이미지를 불러옵니다. 자체 종횡비는 유지한 채 캔버스 너비의 백분율(1–100%)로 맞춰집니다.
3. 위치 모드를 고르세요.
   • 9그리드 — 9개 칸(좌상, 중앙, 우하 등) 중 하나를 클릭. 워터마크는 짧은 변의 4%로 계산된 여백만큼 가장자리에서 안쪽에 배치되며, 칸보다 커도 캔버스 밖으로 넘치지 않도록 클램핑됩니다.
   • 사용자 지정 — 두 슬라이더로 X%와 Y%를 설정합니다. 이동량 기반입니다. 0%는 표식을 좌/상 가장자리에, 100%는 우/하 가장자리에 대고, 100%에서도 그림의 절반을 넘어 밀어내지 않습니다.
   • 바둑판 — 워터마크가 가로와 세로 간격 슬라이더(0–400 px)로 전체 이미지에 걸쳐 반복됩니다. 각도를 더하면 바둑판 격자가 캔버스 대각선 크기의 정사각형 위에 펼쳐지고 중심을 축으로 회전해서 모든 구석이 덮이도록 합니다.
4. 전체 불투명도(0–100%)와 각도(−180° ~ 180°)를 설정합니다. 각도는 9그리드/사용자 지정 모드에서는 단일 표식에, 바둑판 모드에서는 전체 바둑판에 적용됩니다.
5. 출력 형식(PNG / JPEG / WebP)과, 손실 포맷의 경우 품질(5–100)을 선택합니다.
6. 미리보기가 실시간으로 갱신되는 것을 보고 다운로드를 클릭하세요. 재설정으로 모든 슬라이더를 기본값으로 되돌립니다.

주요 특징#

• 단일 “중앙” 토글이 아닌 세 가지 실제 배치 전략. 서명용 표식의 9그리드, 정밀한 오프셋의 사용자 지정, 잘라낼 수 없는 진짜 대각선 바둑판.
• 캔버스를 실제로 덮는 대각선 바둑판. 바둑판 영역이 캔버스 대각선 크기의 정사각형 위에서 계산되고 중심을 축으로 회전합니다. 빈 구석을 남기지 않는 유일한 방법입니다.
• CJK 안전 글꼴. 모든 글꼴 사전 설정은 스택에 CJK 가능 폴백을 포함하므로, 한자가 포함된 “샘플 워터마크 2026” 같은 워터마크가 두부 박스(없는 문자 표시) 대신 제대로 렌더링됩니다.
• 이동량 기반 사용자 지정 위치. 100%는 “그림의 절반을 넘어”가 아니라 먼 가장자리에 닿는다는 뜻이라, 감각으로 위치를 예측할 수 있습니다.
• 종횡비를 존중하는 로고 맞춤. 로고는 캔버스 너비의 백분율로 크기가 조정되고 늘어나지 않으므로 원형 배지는 원형으로 유지됩니다.
• 100% 로컬. 원본 이미지와 선택적 로고 모두 브라우저에서 디코딩·합성됩니다. 아무것도 업로드되지 않습니다.

실제 예시#

클라이언트 교정용 이미지를 보내면서 희미하고 잘라낼 수 없는 대각선 “PROOF”를 각각에 넣으려 합니다. 1920×1280 사진을 불러오세요. 워터마크: 텍스트로 설정하고 PROOF를 입력, 고딕, 글꼴 크기 120, 색상 #ffffff, 굵게 켬. 위치를 바둑판으로 전환하고, 간격 X와 간격 Y를 약 240으로 설정한 뒤 각도를 **−30°**로, 불투명도를 **25%**로 드래그합니다. 미리보기에 단어가 전체 프레임에 대각선 격자로 반복되어, 각 복사본은 피사체가 선명히 읽힐 만큼 희미하게 보입니다. JPEG으로 품질 85에 내보냅니다.

같은 사진에 우하단에 단일 브랜드 표식을 넣으려면, 위치를 9그리드에 둔 채 우하 칸을 클릭하고, 불투명도 80%, **각도 0°**로 설정합니다. 여백은 자동으로 약 51 px(1280 짧은 변의 4%)로 잡힙니다. 결과는 픽셀 가장자리에 들러붙은 게 아니라 구석 안쪽에 편안히 자리 잡은 깔끔한 배지입니다.

FAQ#

한자 워터마크가 문자 대신 박스로 표시됩니다.#

렌더링 환경에 CJK 글리프가 전혀 없을 때 일어납니다. 이 도구의 글꼴 스택은 모두 CJK 폴백(예: PingFang SC, Microsoft YaHei, Noto Sans CJK)을 포함하므로, 그 중 하나가 설치된 시스템에서는 텍스트가 올바르게 렌더링됩니다. CJK 글꼴이 전혀 없는 최소 설치 서버에서는 어떤 브라우저 도구도 운영체제에 없는 문자를 그릴 수 없습니다.

사용자 지정 모드에서 100%가 표식을 가장자리 밖으로 밀어내지 않는 이유는?#

백분율이 날 것의 캔버스가 아니라 사용 가능한 이동량, 즉 캔버스 너비에서 워터마크 너비를 뺀 값에 대해 측정되기 때문입니다. 그래서 0%는 좌측에, 100%는 우측에 닿으며, 워터마크는 크기에 관계없이 항상 화면 안에 완전히 남습니다.

바둑판을 회전시키면 빈 구석이 생깁니다.#

사용자 지정으로 손수 여러 복사본을 배치한 게 아니라 바둑판 모드를 쓰고 있는지 확인하세요. 바둑판 모드는 격자를 캔버스 대각선 크기의 정사각형 위에 펼치고 그 정사각형을 캔버스 중심을 축으로 회전시킵니다. 이것이 모든 각도에서 완전한 덮임을 보장하는 유일한 기하학입니다. 손으로 배치한 대각선 패턴으로는 불가능합니다.

워터마크를 넣으면 화질이 떨어지나요?#

합성 자체는 그러지 않지만, JPEG이나 WebP로 재인코딩하면 품질 슬라이더가 조절하는 대로 떨어집니다. 픽셀 단위까지 정확한 마스터가 필요하면 PNG(무손실)으로 내보내세요. 웹 교정용으로는 JPEG 85–92가 눈에 구별되지 않으면서 훨씬 작습니다.