이미지 오버레이 도구
사진에 로고를 놓거나, 미리 배경을 지운 피사체를 새 배경과 합치거나, 이미지에 질감을 더해 보세요. 이 도구는 브라우저 안에서 기본 이미지 한 장과 오버레이 한 장을 합칩니다. X/Y 위치와 크기, 불투명도, 블렌드 모드를 설정한 뒤 하나로 합친 결과를 PNG로 내려받을 수 있습니다.
한 이미지를 다른 이미지 위에 겹치는 방법
-
1
배경 이미지와 오버레이 이미지 업로드
배경 이미지가 캔버스를 채우고, 오버레이가 그 위에 떠 있습니다.
-
2
위치와 크기 조절
X/Y 위치를 픽셀 단위로 입력하고 5%에서 200% 사이의 크기를 선택하세요.
-
3
불투명도와 블렌드 모드 설정
또렷한 합성에는 불투명도 100%, 은은한 워터마크에는 30~60%를 사용하세요.
-
4
내보내기
두 레이어를 기본 이미지의 캔버스 크기로 된 PNG 한 장으로 합칩니다.
의도가 느껴지는 오버레이 만들기
두 레이어 합성은 위치와 크기, 블렌드 방식을 의도에 맞게 고르는 데서 시작합니다.
배치
- 삼분할 법칙을 활용하세요. 오버레이의 중심을 삼분할선 교차점에 두면 잡지 화보 같은 느낌이 납니다.
- 모서리에 넣는 워터마크는 가장자리에서 10~15% 정도 여백을 두는 편이 좋습니다.
- 균형 잡힌 포스터나 소셜 카드에는 중앙 배치가 어울립니다.
크기
- 오버레이가 배경 이미지의 짧은 변 기준 60%를 넘어가면 어색해 보이는 경우가 많습니다.
- 로고 워터마크는 보통 배경 이미지 너비의 5~15% 정도입니다.
블렌드 모드
자연스러운 합성을 위한 선택 기준:
| 모드 | 효과 |
|---|---|
| 보통 (Normal) | 알파 값을 그대로 반영한 합성 |
| 곱하기 (Multiply) | 어둡게 만듭니다. 질감을 얹을 때 좋습니다 |
| 스크린 (Screen) | 밝게 만듭니다. 광채나 플레어 효과에 유용합니다 |
| 오버레이 (Overlay) | 대비를 끌어올리는 혼합 |
| 어둡게 (Darken) | 두 레이어 중 더 어두운 픽셀을 남깁니다 |
| 밝게 (Lighten) | 두 레이어 중 더 밝은 픽셀을 남깁니다 |
기능 범위와 개인정보 보호
이 도구는 오버레이 한 장의 위치와 크기를 조절하고 블렌드합니다. 회전, 자르기, 가장자리 흐리기, 그림자 추가 기능은 없으므로 필요하다면 업로드 전에 편집하세요. 두 이미지는 브라우저에서 처리되며 단계별 URL에 들어가거나 서버로 전송되지 않습니다. 안내형 흐름에서는 IndexedDB가 단계 사이에 임시 프로젝트를 이어 주도록 이 기기에 최대 30분 동안 보관합니다.
흔한 합성 사례
- 스마트폰이나 노트북 목업 안에 넣은 제품 화면.
- 사진 모서리의 로고 워터마크.
- 단색 배경 위에 올린 배지나 라벨.
- 장식 프레임 안의 프로필 이미지.
- 미리 배경을 투명하게 만든 피사체를 새 배경에 배치하기.
자주 묻는 질문
이 도구는 한 번에 배경 이미지 하나와 오버레이 하나를 지원합니다. 여러 겹의 합성이 필요하면 결과물을 내보낸 뒤, 그것을 새 배경 이미지로 삼아 다음 오버레이를 얹으세요.
네. 오버레이가 알파 채널이 있는 PNG라면 보이는 픽셀만 배경 이미지 위에 그려집니다. JPG 오버레이는 투명도가 없어 직사각형으로 나타납니다.
또렷한 합성에는 보통(Normal), 사진 위에 질감(종이, 그런지)을 얹을 때는 곱하기(Multiply), 광채와 하이라이트에는 스크린(Screen)을 쓰세요. 오버레이(Overlay), 어둡게(Darken), 밝게(Lighten)는 스타일용이니 직접 바꿔 가며 확인해 보세요.
드래그 대신 X/Y 숫자 입력란을 사용하세요. 이 도구는 픽셀 단위 위치 지정을 지원하므로 1픽셀 격자에 맞춰 정렬할 수 있습니다.
관련 도구
Material Design 색상 선택기
Material Design 색상 팔레트를 둘러보세요. 어떤 음영(50부터 A700까지)이든 HEX, RGB, HSL로 한 번에 복사합니다.
십자수 도안 만들기
JPEG, PNG, WebP를 10–150칸, 2–40가지 전용 색상, 기호, 정확한 스티치 수와 원단 크기가 포함된 인쇄용 십자수 도안으로 변환하세요.
이미지 포맷 변환기
브라우저에서 바로 이미지를 JPG, PNG, WebP로 변환하세요. 손실 형식의 품질을 조절하고 PNG와 WebP의 투명도는 그대로 유지됩니다.
모눈종이 생성기
인쇄용 모눈종이를 온라인으로 만드세요: 사각 또는 점 격자를 선택하고 간격을 mm로 설정하며 A4 또는 Letter와 원하는 선 색을 지정한 뒤, 인쇄하거나 선명한 SVG로 내려받으세요.
Pantone to HEX 변환기
화면과 인쇄 매칭을 위해 Pantone PMS 색상을 가장 가까운 HEX, RGB, CMYK 값으로 변환하고 견본 미리보기를 제공합니다.
깃발 만들기
여섯 가지 레이아웃, 색상, 텍스트, 기호로 간단한 맞춤 3:2 깃발을 브라우저에서 디자인하세요. SVG 또는 PNG를 내려받거나 브라우저 인쇄 대화상자를 열 수 있습니다.
이 도구는 다른 언어로도 제공됩니다
- Herramienta de superposición de imágenes [ES]
- Công cụ ghép lớp phủ ảnh [VI]
- أداة تراكب الصور [AR]
- 画像オーバーレイツール [JA]
- Outil de superposition d'images [FR]
- Ferramenta de sobreposição de imagens [PT]
- Verktyg för bildöverlägg [SV]
- Alat Overlay Gambar [ID]
- Bildüberlagerungswerkzeug [DE]
- Afbeelding-overlaytool [NL]
- เครื่องมือซ้อนภาพ [TH]
- Narzędzie do nakładania obrazów [PL]
- Наложение изображений [RU]
- Görsel Bindirme Aracı [TR]
- 图片叠加工具 [ZH]
- Image Overlay Tool [EN]
- Strumento di sovrapposizione immagini [IT]