🪄 이미지 배경 투명화
흰색 또는 단색 배경 이미지를 투명 PNG로 변환. 배경색을 클릭으로 지정하고 허용 색상 폭과 가장자리 부드럽게 조절.
🔒 개인정보 보호
- ・모든 처리는 브라우저 내에서 완료됩니다 (Canvas API)
- ・이미지 데이터는 서버로 전송되지 않습니다
- ・저장 로그 · 업로드 기록 · 데이터베이스 없음
- ・가입 · 로그인 · 결제 불필요
드래그 & 드롭, 클릭 또는 붙여넣기
💡 왼쪽 원본 이미지를 클릭하여 배경색 선택 → 오른쪽에 투명 프리뷰
📖 자주 걸리는 지점
이미지의 배경색을 클릭으로 지정하면 그 색에 가까운 픽셀을 투명하게 만들어 투과 PNG 를 내보냅니다. 허용 색폭과 엣지 스무딩을 조정할 수 있고 처리는 Canvas API 로 브라우저 안에서 끝납니다. 판정하고 있는 것은 색이 가까운지 여부뿐이며 피사체와 배경을 구별하고 있는 것이 아닙니다 — 따라서 피사체 안에 배경과 같은 색이 있으면 그곳도 함께 사라집니다. 이 구조가 아래 모든 한계의 원인입니다.
| 사례 | 무슨 일이 일어나는가 | 어떻게 하면 되는가 |
|---|---|---|
| 머리카락이나 털의 경계가 톱니 모양이 된다 | 컬러 키는 1 픽셀마다 투명인지 불투명인지를 정합니다 — 즉 중간의 반투명을 만들 수 없습니다. 그런데 실제 이미지에서는 머리카락 한 올이 1 픽셀보다 가늘고 윤곽의 픽셀은 배경과 피사체의 색이 섞인 중간색으로 되어 있습니다. 이 중간색은 어느 쪽으로 기울여도 부자연스러워 투명하게 하면 머리카락이 사라지고 불투명하게 하면 배경의 색이 테두리로 남습니다. 흐릿한 윤곽 · 반투명한 유리 · 연기 · 레이스 등도 같은 이유로 다룰 수 없습니다 — 이는 구현의 조잡함이 아니라 색만으로 판정하는 방식의 원리적인 한계입니다. | 먼저 엣지 스무딩을 활성화하세요 — 경계의 픽셀에 중간의 알파 값을 주므로 톱니는 상당히 완화됩니다. 다만 머리카락이나 털을 깔끔하게 따는 것은 이 방식으로는 처음부터 무리입니다 — 그것이 목적이라면 머신러닝 기반의 배경 제거(remove.bg 등)나 이미지 편집 소프트웨어에서 수작업 마스크를 만드세요. 용도로 판단하세요 — 로고 · 아이콘 · 도표 · 상품 사진처럼 윤곽이 뚜렷한 것은 컬러 키로 충분하지만 인물 · 동물 · 식물은 맞지 않습니다. 투과해 봤더니 지저분했다로 시간을 쓰기 전에 피사체의 윤곽을 보고 판단하세요 — 확대해서 경계가 매끄럽게 흐려져 있다면 컬러 키로는 무리입니다. |
| 피사체의 일부까지 함께 사라진다 | 흰 배경을 지정하면 흰 셔츠 · 종이 · 접시 · 눈의 흰자위 · 빛의 반사(하이라이트)도 같은 색이므로 그곳도 투명해집니다. 허용 색폭을 올릴수록 가까운 색의 범위가 넓어지므로 회색빛이 도는 부분이나 그림자가 진 흰색까지 휩쓸립니다. 투과 미리보기에서는 체크무늬 위에 표시되기 때문에 흰 부분이 빠진 것을 알아채기 어렵습니다 — 내보낸 뒤 흰 배경의 페이지에 두고 나서야 비로소 구멍이 뚫린 것을 알게 된다는 것이 전형적인 흐름입니다. | 허용 색폭을 낮추고 여러 번에 나눠 처리하세요 — 한 번에 전부 빼려 하지 말고 배경의 밝은 부분과 어두운 부분을 따로 클릭하는 편이 피사체를 지킬 수 있습니다. 그리고 확인은 반드시 흰 배경과 검은 배경 양쪽에서 하세요 — 흰 구멍은 흰 배경에서는 보이지 않고 검은 구멍은 검은 배경에서는 보이지 않습니다. 본래의 해결은 촬영 단계에 있습니다 — 피사체에 포함되지 않는 색을 배경으로 하는 것이 크로마키의 원리이며 영상 제작에서 초록과 파랑이 쓰이는 것은 사람의 피부와 머리카락에 초록이나 파랑이 거의 포함되지 않기 때문입니다. 상품 촬영에서 흰 배경을 쓴다면 투과가 아니라 흰 채로 쓰는 편이 결과적으로 깔끔합니다. |
| 흰색이어야 할 배경이 얼룩덜룩 남는다 | 원인은 JPEG 의 압축 노이즈입니다. JPEG 은 색의 정보를 솎아 내어 저장하므로 화면상은 새하얗게 보여도 실제 픽셀 값은 248 에서 255 의 범위에서 흩어져 있습니다. 특히 피사체의 윤곽 주위는 압축의 영향이 커서 링잉이라고 불리는 물결 모양의 노이즈가 나옵니다 — 이곳이 배경색에서 조금 벗어나기 때문에 윤곽을 따라 배경이 띠 모양으로 남는 특징적인 증상이 됩니다. 스크린숏이나 스캔 이미지에서도 JPEG 으로 저장되어 있다면 같은 일이 일어납니다. | 먼저 허용 색폭을 조금 올려 보세요 — 압축 노이즈에 의한 흔들림은 보통 10 전후이므로 그것을 흡수할 수 있는 정도면 충분합니다. 그래도 윤곽에 띠가 남는다면 투과 후에 트리밍하거나 윤곽을 조금 안쪽으로 깎는 대처가 됩니다. 더 근본적으로는 원래 이미지를 PNG 로 준비하세요 — PNG 는 가역 압축이므로 흰색은 정확히 255 그대로입니다. 스크린숏은 PNG 로 저장하는 설정으로 해 두면 이 문제 자체가 일어나지 않습니다. 로고나 아이콘이라면 원본 데이터(SVG 나 디자인 파일)에서 투과 PNG 로 다시 내보내는 것이 최선입니다 — 한번 JPEG 이 된 이미지에서 정보를 되찾을 수는 없습니다. |
투과한 이미지는 반드시 PNG 나 WebP 로 저장하세요 — JPEG 에는 투명도를 유지하는 구조가 없으므로 애써 뺀 배경이 흰색이나 검정으로 칠해집니다. 용도별 고르는 법으로는 — 웹이라면 PNG(호환성)나 WebP(가벼움), 인쇄라면 투과보다 쓸 배경색을 지정해 칠해 넣는 편이 안전합니다(인쇄 회사에 따라 투과의 취급이 달라 의도하지 않은 색으로 합성되는 경우가 있습니다). SNS 의 프로필 이미지나 아이콘은 많은 서비스가 투과를 무시하고 흰색 또는 검정 배경으로 합성합니다 — 흰 로고를 투과 PNG 로 등록하면 흰 배경에 합성되어 사라지는 경우가 있으므로 실제로 업로드해 확인하세요. 용량에도 주의가 필요해서 사진을 투과 PNG 로 하면 같은 그림의 JPEG 의 몇 배 크기가 됩니다 — 투과가 정말로 필요한지를 먼저 확인하세요.
📖 사용법
-
1
이미지 불러오기드래그, 클릭, 또는 Ctrl+V 붙여넣기.
-
2
배경색 선택왼쪽 이미지의 배경을 클릭하여 RGB 캡처. 컬러 피커에서 수동 입력도 가능.
-
3
허용 폭과 가장자리 조정허용 폭을 올리면 유사한 색도 투명. 가장자리 부드럽게 활성화 시 경계가 부드러워짐.
-
4
투명 PNG 다운로드PNG (알파 채널 포함)로 다운로드. 파일명에 _transparent.
❓ 자주 묻는 질문
이미지가 서버에 업로드됩니까?
복잡한 배경도 제거 가능한가요?
지원되는 이미지 형식은?
🐛 이 도구에서 문제가 발생했나요?
무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.
보고 감사합니다!
운영자에게 전달되었습니다. 개선에 사용됩니다.