투명 PNG가 흰 배경으로 바뀌는 이유와 해결법

제품 사진의 배경을 지우고, 정말로 투명한 배경을 가진 PNG로 저장해 슬라이드에 넣었습니다. 그런데 흰 사각형에 담겨 도착합니다. 또는 화면에서는 멀쩡했는데 PDF로 내보내는 순간 흰색이 됩니다.

파일 자체는 거의 언제나 멀쩡합니다. 투명도는 여러분과 보는 사람 사이에 놓인 모든 프로그램이 그것을 그대로 넘겨주기로 합의할 때만 살아남는데, 그중 몇몇은 조용히 그러지 않습니다. 소프트웨어 입장에서는 잘못된 일이 없으니 경고도 뜨지 않습니다. 거의 모든 사례가 한 가지 규칙으로 설명됩니다.

JPEG에는 알파 채널이 없습니다

PNG는 픽셀마다 색과 함께 알파 값을 담을 수 있습니다. 알파는 불투명도입니다. 0이면 완전히 투명하고, 최댓값이면 완전히 불투명합니다. 누끼를 누끼답게 만들어 주는 것은 이 값 하나뿐입니다.

JPEG에는 여기에 대응하는 것이 없습니다. "이 픽셀은 비어 있다"는 정보가 들어갈 자리가 JPEG 안에는 없으므로, JPEG로 다시 인코딩하는 프로그램은 투명했던 자리에 무엇을 넣을지 스스로 정해야 합니다. 누끼를 단색 위에 합치고, 그 색을 픽셀에 박아 넣은 다음, 알파를 버립니다. 그렇게 나온 결과물은 색 사각형 위에 제품이 놓인, 그 자체로는 아무 문제 없는 이미지입니다.

그 색은 대개 흰색입니다. 일부 도구는 대신 검은색으로 채우는데, 그러면 정반대의 불만이 나옵니다. 피사체를 둘러싼 검은 사각형이죠. 겉보기만 비슷하고 원인은 전혀 다른 경우도 하나 있습니다. 다크 모드로 동작하는 메일 클라이언트에서 어두운 로고가 사라지는 현상입니다. 여기서는 투명도가 의도한 대로 잘 작동하고 있고, 뒤의 어두운 배경이 그대로 비쳐 보이는 것뿐입니다. 해결책은 다시 내보내기가 아니라 마크 뒤에 밝은 판을 깔거나, 어두운 배경용 밝은 버전을 따로 쓰는 것입니다.

알파가 살아남는 곳과 죽는 곳

앱 목록을 외우기보다 다시 인코딩하는 단계를 알아보는 눈을 기르세요. 어떤 프로그램이 여러분의 픽셀을 읽어 다시 써 내보내는 순간마다 알파 채널은 재협상 대상이 됩니다. 슬라이드에 붙여 넣은 누끼를 나중에 내보내는 경우가 대부분이 마주치는 형태입니다.

• 문서나 슬라이드에 붙여 넣기. Word와 PowerPoint는 대체로 화면에서는 투명도를 유지합니다. 문제가 되는 쪽은 붙여넣기가 아니라 내보내기입니다.
• 모든 "JPEG로 저장". 무조건 손실입니다. "웹용으로 최적화"라고 안내하면서 알아서 JPEG를 골라 버리는 조용한 경우까지 포함해서요.
• PDF와 인쇄 입고. PDF는 1.4부터 투명도를 담아 왔고, 일상적으로 쓰는 내보내기 설정은 대부분 이를 유지합니다. 위험은 인쇄 프리셋에 있습니다. PDF/X-1a 같은 옛 프리프레스 표준은 살아 있는 투명도를 허용하지 않습니다. 2001년 버전은 투명도 모델 자체가 없는 PDF 1.3을 바탕으로 하고, 2003년 버전은 아예 금지합니다. 그래서 투명한 것은 무엇이든 페이지에 합쳐집니다. 인쇄소가 프리셋을 지정한다면 그 프리셋이 투명도를 어떻게 처리하는지 물어보세요.
• 메일. 본문에 넣은 이미지는 보내는 쪽 편집기에서 다시 인코딩되기도 하고, 받는 쪽에서 이미지 프록시를 거쳐 전달되기도 합니다. 클라이언트마다 동작이 달라서 짐작하지 말고 직접 시험해 보는 편이 낫습니다. 첨부파일로 보내면 훨씬 안정적으로 원본 그대로 도착합니다.
• 채팅, SNS, 스토어 업로드. 이 경로들은 대역폭을 아끼거나 모든 것을 한 형식으로 통일하려고, 무엇을 보내든 다시 인코딩합니다.

스프레드시트는 따로 시험해 볼 값어치가 있습니다. 셀이나 차트, 도형 안에 들어간 누끼는 슬라이드 위의 누끼처럼 동작하지 않을 때가 있고, 오래된 서식 파일이 새 서식 파일과 다르게 굴기도 합니다. 한 파일은 되는데 다른 파일은 안 된다면 서식 파일을 의심하세요.

보내기 전 30초 테스트

썸네일을 믿지 마세요. 썸네일은 파일 탐색기가 쓰는 배경 위에 얹혀 있을 뿐입니다. 라이트 모드에서는 흰색, 다크 모드에서는 어두운 색이죠. 그래서 배경이 합쳐진 이미지와 투명한 이미지가 거기서는 똑같아 보일 수 있습니다.

1. 밝은 색 위에 올려 보세요. 슬라이드나 디자인 도구에서 마젠타색 사각형을 하나 그리고 그 위에 누끼를 올리세요. 거기서 보이는 흰색은 전부 파일에 박혀 있는 것입니다.
2. 진짜 형식을 확인하세요. logo.png라는 이름의 파일이 이름만 바꾼 JPEG일 수 있습니다. Windows와 macOS 모두 확장자를 보고 형식을 표시하므로, 이름을 잘못 붙인 파일도 목록에는 PNG로 나옵니다. 이미지 편집기에서 열어 거기 표시되는 형식을 확인하거나, 디자인 도구에서 PNG로 새로 내보내세요.
3. 파일이 아니라 경로를 시험하세요. 이미지 한 장을 실제로 지나갈 경로 그대로 보내 보세요. 자신에게 메일을 보내거나, 비공개 테스트 계정에 올리거나, 상품 하나를 스토어 업로드에 통과시켜 보는 겁니다.

1번은 통과했는데 3번에서 실패한다면, 파일은 멀쩡하고 그 경로가 배경을 합치고 있는 것입니다.

그만 싸우고 색을 직접 고를 때

배경을 합쳐 버리는 곳이라면 채울 색을 직접 고르세요. 원하는 색 위에 이미 올려 둔 상태로 누끼를 내보내면, 다른 누군가가 대신 내릴 합성 결정이 남지 않습니다.

remover.bg의 편집기가 바로 그 일을 합니다. 배경을 지운 다음 피사체를 단색이나 직접 고른 색, 또는 내가 가진 사진 위에 올리고, 붙여 넣은 것처럼 보이지 않도록 사실적인 그림자를 더하면 됩니다. 투명 PNG는 마스터로 보관하고, 배경을 합친 사본은 전달용 파일로만 다루세요.

받아 주는 곳이라면 WebP도 PNG처럼 투명도를 담으면서 파일은 더 작습니다. 변환 없이 WebP로 내보내기에서 다룹니다. 애초에 이 작업에 투명도가 필요한지 확신이 서지 않는다면 투명 배경 PNG 빠르게 만들기가 그 판단을 도와주고, 흰색으로 변하는 것이 브랜드 마크라면 로고 배경 제거하는 방법에 평면 아트워크에 필요한 가장자리 점검이 정리돼 있습니다.

파일 두 개, 결정 하나

투명한 마스터를 지키고, 그것을 요구하는 곳마다 직접 고른 색으로 배경을 합친 사본을 만드세요. 흰 사각형은 애초에 누끼의 결함이 아니었습니다. 질문을 받고 있다는 사실조차 몰랐던 그 질문에, 프로그램이 대신 답을 내놓은 것뿐입니다.