배경 투명하게 만들기

흰 배경의 로고, 심리스 배경지 위의 제품 사진, 종이 위의 서명, 크로마키 화면에는 공통점이 있습니다. 배경이 한 가지 색이라는 점입니다. 이 도구는 그 색을 찾아 매끄럽고 깔끔한 가장자리로 투명하게 만들고, 피사체 뒤에 새 단색이나 다른 그림을 넣을 수도 있습니다. 단순한 색 계산으로 브라우저에서 실행되므로 빠르고 안전하며, 한계도 솔직하게 알려 드립니다.

사용 방법

1. 단색 배경인 이미지를 하나 이상 고릅니다.
2. 배경 색은 ‘이미지 가장자리에서 자동 감지’로 두거나, 흰색, 검은색, 초록 크로마키, 파랑 크로마키, 직접 입력한 16진수 색상 중에서 고릅니다.
3. 허용 오차(배경으로 칠 색의 차이 범위)와, 안티앨리어싱된 윤곽을 위한 부드러운 가장자리를 조절합니다.
4. 피사체 안쪽에 있는 같은 색 부분을 남기려면 ‘가장자리와 맞닿은 배경만’을 유지하고, 알파벳 O의 안쪽 같은 구멍까지 지우려면 ‘일치하는 모든 픽셀’로 바꿉니다.
5. 투명(PNG 또는 WebP)으로 두거나 새 배경 색 또는 이미지를 고른 뒤 받습니다.

계산식

거리 = √((R − Rₖ)² + (G − Gₖ)² + (B − Bₖ)²) ÷ 441.7 × 100%

허용 오차 안에 있는 픽셀은 완전히 투명해지고, 허용 오차와 허용 오차 + 부드러운 가장자리 사이의 픽셀은 부분 투명도 a를 받으며, 그 색은 F = K + (C − K) ÷ a로 배경과 분리되어 색 테두리가 사라집니다. 초록이나 파랑 크로마키에서는 키 채널을 나머지 두 채널 중 큰 값으로 제한해 가장자리의 색 번짐을 줄입니다. 441.7 = √3 × 255는 RGB 거리의 최댓값입니다.

예시

순백 배경의 1200 × 1200 px 제품 사진에 허용 오차 15%, 부드러운 가장자리 8%를 쓰면 흰색에서 66 RGB 단위(441.7의 15%) 안에 있는 모든 픽셀을 배경으로 보고, 102단위까지 떨어진 픽셀은 서서히 투명해집니다. (225, 225, 225)의 연한 회색 그림자는 흰색에서 52단위라서 함께 사라집니다. 그림자를 남기려면 허용 오차와 부드러운 가장자리를 각각 5%(합계 44단위)로 설정하세요.