배경 지웠다며, 왜 흰 네모가 남아?

배경을 지운 로고를 받았습니다. 하얀 화면에서 열어보니 로고만 깔끔하게 보입니다. 이 정도면 됐겠지 싶어서 어두운 발표 자료 위에 올렸습니다.

로고와 함께 흰 네모도 따라왔습니다. 배경은 지웠다는데, 네모는 아직 출근 중입니다.

울타리에 가려지는 짤은 상황의 비유입니다. 이미지 배경을 지우거나 투명도를 검사한 실험 화면은 아닙니다.

흰색과 투명은 다릅니다

흰색은 이미지에 들어 있는 색일 수 있습니다. 반면 완전히 투명한 영역은 그 자리에 놓인 이미지 색 대신 뒤쪽 바탕이 보이도록 합니다. 반투명한 영역은 앞쪽 색과 뒤쪽 바탕이 함께 보입니다.^[1]

PNG는 이런 투명도 정보를 담을 수 있습니다. 픽셀별 불투명도를 나타내는 정보를 알파라고 부르며, PNG에는 알파 채널이나 특정 색·팔레트에 연결된 투명도 정보로 이를 표현하는 방식이 있습니다. 모든 PNG가 투명 영역을 갖는 것은 아닙니다.^[1]

같은 파란 원을 흰 바탕과 어두운 바탕에 올렸다고 가정해 보겠습니다.

흰 바탕에서는 둘 다 비슷해 보입니다. 어두운 바탕에 놓으니 오른쪽의 흰 사각형이 드러납니다. 파일을 연 화면의 흰 바탕인지, 이미지 자체의 흰색인지 나누어 봐야 하는 이유입니다.

미리보기의 바탕색은 이미지 색과 다를 수 있습니다

투명한 파일도 뷰어나 웹페이지가 흰 바탕에 표시하면 하얗게 보일 수 있습니다. 투명 영역 뒤에 어떤 바탕을 놓을지는 표시하는 앱이나 페이지의 선택입니다. PNG의 권장 바탕색 정보가 있더라도, 그것이 모든 화면의 바탕을 강제로 정하는 것은 아닙니다.^[1]

편집 앱의 회색·흰색 격자무늬도 구분해야 합니다. Photoshop처럼 투명 영역을 알아보기 쉽게 체커보드로 보여주는 앱이 있습니다.^[3] 하지만 격자무늬 자체가 이미지의 색으로 저장된 경우라면, 다른 바탕 위에 올려도 그 무늬가 따라갑니다. 격자가 보인다는 사실만으로 투명 파일이라고 확정하지 마세요.

PNG라고 써 있어도 투명하지 않을 수 있습니다

PNG는 투명도를 지원하는 형식입니다. 모든 픽셀이 불투명한 PNG도 정상적인 PNG입니다. 이름 끝에 .png가 붙었다고 흰 배경을 자동으로 없애 주지는 않습니다.^[1]

반대로 일반적인 JPEG(.jpg·.jpeg)는 알파 채널을 지원하지 않습니다.^[2] 투명한 이미지를 JPEG로 내보내면 같은 투명 정보를 그대로 유지할 수 없습니다. 빈 부분이 어떤 색으로 채워질지는 앱과 내보내기 설정에 따라 달라지므로, 항상 흰색이 된다고 단정할 수는 없습니다.

또 편집 원본 대신 화면을 캡처했거나, 미리보기를 저장했거나, 복사·전달 과정에서 다른 형식으로 바뀌었는지도 확인할 지점입니다. 모든 앱이나 메신저가 똑같이 바꾼다는 뜻은 아닙니다. 실제로 받은 파일과 그 서비스의 저장·내보내기 안내를 확인해야 합니다.

파일 이름만 .png로 고쳐도 이미지 속 흰 픽셀이 지워지거나 없던 투명 정보가 생기지는 않습니다. 확장자 변경은 실제 형식 변환과 다른 일입니다.^[4]

다음에는 바탕을 바꿔 놓고 확인하기

• 투명도를 지원하는 편집 앱에서 파일 자체를 열고, 밝고 어두운 바탕에 놓아 봅니다. 뷰어의 바탕인지 실제 흰색·격자 픽셀인지 구분합니다.
• 원본을 받았는지, 실제 저장 형식과 내보내기의 투명도 유지 옵션이 무엇인지 확인합니다. PNG라는 이름만으로 통과시키지 않습니다.
• 흰색이나 격자가 이미지에 이미 들어 있다면, 투명 정보가 있는 원본을 다시 받거나 편집 앱에서 배경을 제거한 뒤 투명도를 보존하는 형식으로 내보냅니다. 이름만 바꾸어 복구됐다고 생각하지 않습니다.

하얀 화면에서는 네모도 눈치를 보고 있었습니다. 배경을 지웠는지 확인하려면, 뒤에 다른 배경을 놓아 보는 편이 빠릅니다.