투명배경 색 채우기

투명배경 색 채우기란

PNG 파일은 각 픽셀마다 색 정보(RGB)와 함께 불투명도를 나타내는 알파(alpha) 값을 따로 가집니다. 알파가 0인 픽셀이 "투명"이며, 이런 부분은 뒤가 비쳐 보입니다. 이 도구는 투명한 부분에만 지정한 색을 깔아 넣어 배경을 채웁니다. 로고나 누끼(배경 제거) 이미지를 흰색·단색 배경 위에 올린 것처럼 만들 때 쓰입니다.

작동 원리

브라우저의 canvas에 먼저 선택한 배경색을 한 겹 칠하고, 그 위에 원본 PNG를 그대로 얹는 방식입니다. 불투명한 픽셀은 원본 색 그대로 남고, 완전 투명한 픽셀은 배경색이 그대로 보입니다. 가장자리처럼 알파가 0과 255 사이인 반투명 픽셀은 원본 색과 배경색이 알파 비율만큼 섞여, 계단현상 없이 자연스럽게 이어집니다. 예를 들어 알파 50%인 검은 픽셀을 흰 배경에 채우면 회색으로 합성됩니다. 모든 처리는 사용자 브라우저 안에서만 이뤄지며 이미지가 서버로 전송되지 않습니다.

이럴 때 씁니다

첫째, 투명 로고를 문서나 인쇄물에 넣어야 하는데 배경이 어두워 로고가 안 보일 때 흰색을 채웁니다. 둘째, 쇼핑몰·중고거래 상품 사진의 누끼 이미지를 흰 배경으로 통일할 때 씁니다. 셋째, 증명사진·서명 이미지를 규격에 맞는 단색 배경으로 바꿀 때 유용합니다. 넷째, JPG로 저장해야 하는데 원본이 투명 PNG일 때가 중요합니다. JPG는 투명도를 지원하지 않아 그냥 변환하면 투명 부분이 검게 나오므로, 먼저 흰색 등으로 배경을 채운 뒤 저장해야 깨지지 않습니다.

사용 팁

배경색은 색상 코드(예: #FFFFFF)로 정확히 지정하면 여러 이미지의 배경을 완전히 동일하게 맞출 수 있습니다. 반투명 그림자나 흐릿한 테두리가 있는 이미지는 채운 뒤 가장자리에 배경색이 살짝 스며 보일 수 있으니, 원본과 비슷한 계열 색을 고르면 더 자연스럽습니다. 내려받은 JPG는 배경이 채워진 불투명 이미지이며 투명 상태로 되돌릴 수 없으니, 원본 PNG는 따로 보관해 두세요.

자주 묻는 질문