Loading...
Loading...
사진 배치에 텍스트 캡션 또는 로고를 스탬프합니다 — 아홉 개의 모서리 위치 또는 타일 반복 중에서 선택하고 크기와 불투명도를 조정한 후 전체 해상도로 내보냅니다.
워터마크 추가기는 사진에 작은 캡션, 저작권 라인 또는 로고를 스탬핑하여 이미지가 공유되거나 다운로드되거나 스크랩될 때 귀속될 수 있도록 합니다. 사진작가는 포트폴리오와 증명서에 사용하고, 디자이너는 초안 렌더링에 사용하며, 부동산 중개인은 목록 사진에 브랜드를 붙이고, 블로거는 히어로 이미지를 주장하는 데 사용합니다. 전체 편집기와는 달리, 워터마크 추가기는 한 가지 작업에 집중합니다: 전체 이미지 배치에서 동일한 위치에 동일한 마크를 몇 초 만에 렌더링합니다. 이 도구는 텍스트 워터마크(색상, 크기 및 회전 포함)와 이미지 워터마크(로고 PNG)를 모두 지원합니다. 아홉 개의 모서리 위치와 사진에 대각선으로 마크를 반복하는 타일 모드가 있으며, 미세한 것부터 대담한 것까지의 불투명도, 가장자리를 피하기 위한 여백, 이미지별 형식 및 품질 제어가 가능합니다. 모든 작업은 Canvas API를 통해 브라우저에서 이루어집니다.
최대 25개의 JPG, PNG 또는 WebP 파일을 업로드 영역으로 드래그하거나 클릭하여 장치에서 선택하세요. 각 행은 원본 크기와 파일 크기를 보여줍니다.
캡션, 저작권 라인 또는 이름을 입력하세요 — 색상을 선택하면 워터마크가 얇은 검은 윤곽선으로 렌더링되어 어떤 배경에서도 읽을 수 있습니다. 또는 로고 이미지로 전환하고 PNG를 업로드하세요(투명 배경 권장).
아홉 개의 모서리 또는 중앙 위치 중 하나를 선택하거나 이미지에 타일로 배치하여 마크를 대각선으로 반복하세요. 타일 모드는 제거하기 어려운 포트폴리오 워터마크의 표준입니다.
크기는 사진의 긴 변의 백분율이므로 세로 및 가로에 따라 적절하게 조정됩니다. 불투명도는 거의 보이지 않는 5%에서 완전히 불투명한 100%까지 다양합니다. 여백은 마크가 가장자리에 닿지 않도록 합니다. 회전은 타일 모드에 대해 고전적인 30도 기울기를 제공합니다.
대기열을 처리하려면 워터마크 적용을 클릭하세요. 각 행은 결과와 다운로드 버튼으로 업데이트됩니다. 다운로드 모두를 사용하여 파일 간에 작은 지연을 두고 전체 배치를 가져오세요. 이렇게 하면 브라우저가 파일을 차단하지 않습니다.
1. createImageBitmap()로 각 입력 파일을 디코딩합니다 — 네이티브, 라이브러리 없음. 2. 소스의 정확한 너비와 높이에 2D 캔버스를 할당합니다. 3. 소스 이미지를 캔버스에 전체 해상도로 그립니다. 4. 긴 변의 비율로 워터마크 크기를 계산합니다. 5. ctx.globalAlpha를 선택한 불투명도로 설정합니다 (5%–100%). 6. 텍스트의 경우: 자동 윤곽선을 위해 채우기 + 얇은 스트로크로 렌더링합니다. 7. 로고의 경우: 계산된 크기로 drawImage를 사용하여 비율을 유지합니다. 8. 타일 모드의 경우: 컨텍스트를 회전한 다음 캔버스에 걸쳐 그리기를 반복합니다. 9. canvas.toBlob(format, quality)로 다시 인코딩하고 다운로드로 제공합니다.
소스에 투명도를 내장하는 대신 불투명도에 globalAlpha를 사용하면 워터마크가 사진의 실제 픽셀에 대해 올바르게 합성됩니다 — 흰 하늘과 어두운 나무 바닥에 30% 불투명도 스탬프가 모두 올바르게 보입니다. 이미지의 긴 변에 비례하여 워터마크 크기를 조정하면 4032픽셀 전화 사진과 1280픽셀 스크린샷이 비슷한 크기의 마크를 가지게 되어 하나는 작은 점이 되고 다른 하나는 프레임의 절반을 차지하는 일이 없습니다. 타일 모드는 캔버스를 중심으로 회전한 다음 캔버스 경계를 넘어 확장된 그리드에 워터마크를 반복합니다 — 이렇게 하면 회전이 대각선으로 잘리더라도 모서리가 채워집니다.
| 소스 | 제안된 설정 |
|---|---|
사진작가의 포트폴리오 증명서 | 타일 모드 + 텍스트 '© Your Name' 18% 불투명도, -30° 회전, 흰색 텍스트. 잘라내기 어렵고, 라이센스가 있는 내보내기에서는 쉽게 제거할 수 있습니다. 타일은 마크가 단일 모서리 잘라내기 시도를 견딜 수 있게 합니다. |
부동산 목록 사진 | 오른쪽 하단 로고 12% 크기, 70% 불투명도, 3% 패딩. 방을 방해하지 않으면서 브랜드 일관성을 유지합니다. 오른쪽 하단은 부동산 브랜딩의 관례입니다. |
블로그 히어로 이미지 및 소셜 카드 | 왼쪽 하단 텍스트 'yourblog.com' 50% 불투명도, 4% 크기. Twitter 또는 Facebook 재공유에서도 살아남는 미세한 출처 표시입니다. 작고 더 투명한 것은 '출처'로 읽히고, '광고'로 읽히지 않습니다. |
클라이언트에게 보낸 디자인 초안 렌더링 | 중앙 텍스트 'DRAFT' 80% 불투명도, 흰색에 검은 윤곽, 35% 크기. 최종본으로 오해받지 않을 만큼 충분히 눈에 띕니다. 중앙 + 높은 불투명도는 표준 '사용하지 마세요' 마커입니다. |
마지막 업데이트