흰색 테두리 없는 투명 PNG 워터마크
투명 PNG 로고를 만들어 사진에 올렸는데 흰 사각형 안에 들어앉아 나왔습니다. 투명도가 실패한 게 아니라, 무언가가 그것을 눌러 없앤 것입니다. 알파 채널이 어디서 사라지는지 알면 막는 법도 정확히 알 수 있습니다.
'흰 박스'가 실제로 무엇인가
투명 PNG는 알파 채널을 담고 있습니다. 픽셀마다 '여기엔 로고, 저기엔 아무것도' 라고 알려 주는 불투명도 지도입니다. 무언가 이 채널을 무시하면 투명한 픽셀이 단색(보통 흰색)으로 채워지며 박스가 생깁니다.
흔한 원인은 두 가지입니다.
알파 채널이 사라지는 지점
| 원인 | 무슨 일이 일어나나 | 해결 |
|---|---|---|
| 로고를 JPG로 저장함 | JPG는 알파 채널이 아예 없어 배경이 흰색으로 박힘 | 로고를 투명 배경의 PNG로 다시 저장 |
| 앱이 불투명 캔버스 위에 눌러 합성함 | PNG의 알파를 무시하고 단색 흰 배경 위에 올림 | 진짜 알파로 합성하는 도구 사용 |
| 내보낼 때 JPG로 다시 인코딩함 | 깔끔하게 올린 것도 내보내는 과정에서 눌려 굳어짐 | 내보내기까지 워터마크의 투명도를 유지 |
*사진*을 JPG로 저장하는 것은 괜찮습니다. 사진은 원래 불투명하니까요. 문제는 오직 사진에 합성되기 전에 워터마크의 투명도가 버려질 때뿐입니다.
투명도를 깔끔하게 지키는 법
두 가지 규칙이면 거의 모든 경우가 해결됩니다.
1. 진짜 투명 PNG를 넣으세요. 로고를 어두운 배경 위에서 열어 보고, 흰 사각형이 보이면 배경을 지워 다시 내보냅니다.
2. 알파로 합성하는 도구를 쓰세요. 그래야 로고의 부드러운 가장자리와 뚫린 모양이 사각형으로 붙지 않고 사진 위에 자연스럽게 녹아듭니다.
투명 워터마크, 이렇게 이해하면 됩니다.
투명 PNG를 사진에 넣었는데 왜 흰 배경이 생기나요?
PNG가 실제로는 투명이 아니거나(흔히 JPG로 저장·변환되어 알파 채널이 없는 경우), 앱이 PNG의 알파로 합성하지 않고 흰 캔버스 위에 눌러 굳힌 경우입니다. 진짜 투명 PNG와 알파를 인식하는 합성이면 박스가 사라집니다.
사진을 JPG로 저장하면 워터마크의 투명도가 사라지나요?
최종 이미지를 평평하게 만드는데, 사진은 원래 불투명하니 괜찮습니다. 중요한 것은 워터마크를 사진에 올리는 동안 그 알파가 지켜지는 것입니다. 그 뒤 합쳐진 이미지를 JPG로 내보내는 것은 정상입니다.
제 PNG가 정말 투명한지 어떻게 확인하나요?
어둡거나 색이 있는 배경 위에서 열어 보세요. 투명한 부분은 배경이 비쳐 보입니다. 대신 단색 흰 사각형이 보인다면 그 파일은 투명이 아니므로 다시 내보내야 합니다.