PNG 투명 배경인데 흰색으로 보이는 이유와 확인 방법

PNG 투명 배경인데 흰색으로 보이는 이유와 확인 방법

 

이미지 작업을 하다 보면 분명 배경을 지우고 투명한 PNG 파일로 저장했는데, 막상 파일을 열어보면 배경이 흰색으로 보이는 경우가 있습니다.

특히 로고나 서명, 제품 이미지처럼 배경 없이 사용해야 하는 이미지를 만들 때 이런 상황을 자주 만나게 됩니다. 디자인 프로그램에서는 분명 투명하게 보였는데 저장하고 나니 흰색 배경이 생긴 것처럼 보이거나, 파일을 다른 프로그램에 불러왔더니 갑자기 흰색 사각형이 나타나는 식입니다.

 

이런 경우 가장 먼저 알아야 할 것은 ‘흰색으로 보이는 것’과 ‘실제로 흰색 배경이 들어 있는 것’은 서로 다를 수 있다는 점입니다.

PNG 파일에 투명 영역이 정상적으로 저장되어 있어도 이미지를 보여주는 프로그램이나 웹사이트가 투명한 부분을 흰색으로 표시하면 우리 눈에는 흰색 배경이 있는 것처럼 보일 수 있습니다.

 

반대로 파일 확장자는 PNG인데 실제 이미지 안에는 흰색 배경이 포함되어 있는 경우도 있습니다. PNG라고 해서 모든 이미지의 배경이 자동으로 투명해지는 것은 아니기 때문입니다.

저도 이미지 작업을 하다 보면 투명한 PNG 파일을 만들어 다른 프로그램에서 사용하거나 웹에 업로드해야 하는 경우가 많은데, 프로그램마다 투명 영역을 보여주는 방식이 달라 처음에는 헷갈릴 수 있습니다.

 

오늘은 PNG 파일의 투명 배경이 흰색으로 보이는 이유부터 실제로 배경이 투명한지 확인하는 방법, 투명 PNG를 제대로 저장하는 방법까지 하나씩 정리해보려고 합니다. 여기에 분명 투명하게 저장했는데 특정 프로그램이나 사이트에서 흰색 배경이 나타날 때 확인해야 할 부분도 함께 알아보겠습니다.

PNG 투명 배경 때문에 고민하고 있다면 우선 파일을 다시 만드는 것보다 현재 파일이 정말 잘못된 것인지부터 확인해보는 것이 좋습니다.

---

1. PNG 투명 배경인데 왜 흰색으로 보일까?

먼저 PNG가 어떤 이미지 형식인지 간단하게 이해할 필요가 있습니다.

우리가 흔히 사용하는 이미지 파일에는 JPG, PNG, GIF, WebP 등 여러 형식이 있습니다. 이 가운데 PNG가 로고나 아이콘, 제품 누끼 이미지 등에 많이 사용되는 중요한 이유 중 하나가 바로 투명도를 표현할 수 있기 때문입니다.

예를 들어 사람이나 제품만 남겨두고 주변 배경을 모두 제거했다고 생각해보겠습니다.

배경을 투명하게 처리한 PNG 파일을 다른 사진 위에 올리면 아래에 있는 사진이 그대로 보여야 합니다. 그래서 로고, 워터마크, 서명, 아이콘, 제품 이미지처럼 다양한 배경 위에 올려야 하는 파일에 PNG가 많이 사용됩니다.

 

그런데 여기서 한 가지 오해하기 쉬운 부분이 있습니다.

PNG 파일이라고 해서 무조건 배경이 투명한 것은 아닙니다.

PNG라는 파일 형식이 투명도를 지원한다는 의미이지, 모든 PNG 파일이 반드시 투명한 배경을 가지고 있다는 의미는 아닙니다.

 

예를 들어 흰색 배경이 들어 있는 JPG 이미지를 그대로 PNG 형식으로 저장했다고 생각해보겠습니다.

파일 확장자는 .png가 되지만 기존 이미지에 있던 흰색 배경이 저절로 사라지지는 않습니다. 실제로 배경을 제거하고 해당 영역에 투명도 정보가 있어야 투명한 PNG가 됩니다.

 

반대 상황도 있습니다.

실제로는 투명한 PNG인데 이미지를 보여주는 프로그램 때문에 흰색으로 보이는 경우입니다.

투명한 부분에는 사실 ‘흰색’이라는 색상이 들어 있는 것이 아니라 해당 부분에 표시할 이미지 정보가 없는 상태라고 이해하면 쉽습니다.

 

그런데 이미지 뷰어나 웹페이지 등에서는 이 투명 영역을 화면에 표시하기 위해 특정한 배경 위에 이미지를 보여줘야 합니다. 이때 프로그램의 기본 배경이 흰색이라면 투명한 부분도 자연스럽게 흰색으로 보이게 됩니다.

그래서 화면만 보고 “PNG인데 왜 배경이 흰색이지?”

라고 생각할 수 있지만 실제 파일에는 아무런 문제가 없을 수도 있습니다.

 

디자인 프로그램에서 흔히 볼 수 있는 회색과 흰색의 체크무늬도 알아두면 좋습니다.

포토샵과 같은 이미지 편집 프로그램에서 배경을 제거하면 회색과 흰색 사각형이 반복되는 체크무늬가 나타나는 경우가 있습니다.

이 체크무늬가 이미지 자체에 들어 있는 것은 아닙니다.

 

“이 부분에는 배경이 없습니다”라는 것을 사용자에게 보여주기 위한 표시입니다.

따라서 디자인 프로그램에서는 체크무늬였는데 파일을 저장한 뒤 다른 프로그램에서 열었더니 흰색으로 보인다고 해서 곧바로 투명 배경이 사라졌다고 판단할 필요는 없습니다.

결국 가장 중요한 것은 눈에 어떻게 보이느냐가 아니라 파일에 실제 투명도 정보가 들어 있느냐입니다.

---

2. PNG 배경이 실제로 투명한지 확인하는 가장 쉬운 방법

그렇다면 현재 가지고 있는 PNG 파일이 정말 투명한지 어떻게 확인할 수 있을까요?

가장 확실하고 쉬운 방법은 흰색이 아닌 다른 색상의 배경 위에 이미지를 올려보는 것입니다.

예를 들어 검은색이나 파란색 배경을 하나 만들고 그 위에 PNG 파일을 배치해봅니다.

 

정상적인 투명 PNG라면 이미지에서 배경을 제거한 부분으로 아래에 깔아놓은 색상이 그대로 보여야 합니다.

반대로 이미지 주변에 흰색 사각형이 그대로 나타난다면 실제 파일에 흰색 배경이 포함되어 있을 가능성이 높습니다.

포토샵을 사용한다면 확인하기가 더욱 쉽습니다.

 

PNG 파일을 포토샵에서 열고 레이어를 확인합니다. 이미지 주변에 회색과 흰색 체크무늬가 보인다면 해당 영역은 일반적으로 투명한 상태입니다.

확실하게 확인하고 싶다면 이미지 레이어 아래에 새로운 레이어를 하나 만들고 눈에 잘 띄는 색상으로 채워보면 됩니다.

PNG 이미지 주변으로 아래쪽 레이어의 색상이 그대로 보인다면 배경이 정상적으로 제거되어 있는 것입니다.

이 방법이 좋은 이유는 프로그램이 투명 영역을 어떤 색으로 보여주는지와 관계없이 실제 이미지의 상태를 확인할 수 있기 때문입니다.

 

다른 디자인 프로그램을 사용하더라도 원리는 같습니다.

PNG 이미지를 새로운 문서에 불러온 다음 그 아래에 다른 색상의 배경을 넣어보면 됩니다.

투명 영역에서는 아래쪽 배경이 보여야 하고, 흰색 배경이 이미지 자체에 포함되어 있다면 흰색 사각형이 그대로 남게 됩니다.

웹사이트에 PNG를 업로드했을 때만 흰색으로 보이는 경우도 있습니다.

이때도 가능하다면 해당 페이지의 배경색을 확인해보는 것이 좋습니다. 웹페이지 자체의 배경이 흰색이라면 투명한 PNG와 흰색 배경 PNG를 육안으로 구분하기 어려울 수 있기 때문입니다.

 

여기서 또 하나 알아둘 점은 파일 확장자만 확인해서는 투명 여부를 알 수 없다는 것입니다.

파일 이름이 logo.png라고 되어 있다고 해서 배경이 투명하다고 단정할 수 없습니다.

앞서 설명했듯 PNG는 투명도를 지원하는 형식일 뿐입니다.

 

따라서 중요한 로고나 제품 이미지를 전달받았다면 파일 확장자만 보고 판단하기보다 실제로 다른 색상의 배경 위에 올려보는 것이 가장 확실합니다.

저도 이미지 파일을 사용할 때 투명 여부가 애매하다면 파일 정보만 확인하기보다는 직접 배경색을 하나 넣어 확인하는 방법을 선호합니다. 몇 초면 확인할 수 있고 결과도 명확하기 때문입니다.

---

3. 투명 PNG로 제대로 저장하는 방법과 흰색 배경이 생길 때 확인할 것

현재 파일에 실제로 흰색 배경이 포함되어 있다면 배경을 제거한 뒤 다시 저장해야 합니다.

이때 가장 먼저 확인해야 할 것이 저장하는 파일 형식입니다.

투명 배경이 필요한 이미지라면 투명도를 지원하는 형식으로 저장해야 합니다. 대표적으로 PNG를 사용할 수 있습니다.

특히 JPG와의 차이를 알아두는 것이 좋습니다.

 

JPG는 사진처럼 색상이 많은 이미지를 비교적 작은 용량으로 저장하는 데 널리 사용되지만 투명 배경을 지원하지 않습니다.

따라서 디자인 프로그램에서 배경을 완벽하게 제거했더라도 JPG로 저장하면 투명 영역을 그대로 유지할 수 없습니다.

반면 PNG는 투명도를 지원하기 때문에 로고, 아이콘, 서명, 누끼 이미지처럼 배경 없이 사용해야 하는 이미지에 적합합니다.

포토샵을 기준으로 생각하면 먼저 이미지의 배경을 제거해야 합니다.

 

배경이 제대로 제거되었다면 이미지 주변으로 회색과 흰색의 체크무늬가 나타나는 것을 확인할 수 있습니다.

그 상태에서 PNG 형식으로 내보내거나 저장하면 됩니다. 내보내기 과정에서 투명도와 관련된 옵션이 제공된다면 해당 설정이 활성화되어 있는지도 확인하는 것이 좋습니다.

 

여기서 중요한 것은 단순히 PNG라는 확장자를 붙이는 것만으로는 충분하지 않다는 점입니다.

원본 이미지에 흰색 배경이 그대로 남아 있는데 파일 형식만 JPG에서 PNG로 변경한다고 해서 배경이 투명해지지는 않습니다.

반드시 먼저 배경을 제거하고 투명한 영역을 만든 다음 그 투명도를 유지할 수 있는 형식으로 저장해야 합니다.

 

그런데 파일을 확인해보니 분명 투명한데 특정 프로그램에서 사용할 때만 흰색 배경이 생기는 경우도 있습니다.

이때는 원본 PNG를 무작정 다시 수정하기보다 이미지를 불러오는 프로그램이 투명도를 제대로 지원하는지 확인해야 합니다.

프로그램에 따라 PNG 파일을 가져오는 과정에서 투명도를 처리하는 방식이 다를 수 있고, 이미지 변환이나 출력 과정에서 투명 영역이 특정 색상으로 채워지는 경우도 있습니다.

 

특히 인쇄, 레이저 각인, 특정 장비용 프로그램처럼 일반적인 사진 편집과 목적이 다른 소프트웨어에서는 화면에서 보이는 이미지와 실제 처리 방식이 다를 수 있습니다.

웹사이트 역시 업로드 과정에서 이미지를 자동으로 변환하거나 압축한다면 원본 파일과 다르게 처리될 가능성이 있습니다.

따라서 이런 경우에는 먼저 원본 PNG를 포토샵과 같은 이미지 편집 프로그램에서 열어 실제 투명 여부를 확인한 다음 문제의 범위를 좁혀가는 것이 좋습니다.

 

정리하면 다음 순서로 확인하면 됩니다.

 

• 첫째, 파일이 PNG인지 확인합니다.
• 둘째, 다른 색상의 배경 위에 올려 실제로 투명한지 확인합니다.
• 셋째, 원본에 흰색 배경이 있다면 배경을 제거합니다.
• 넷째, 투명도를 유지한 상태로 PNG 형식으로 저장합니다.
• 다섯째, 원본은 정상인데 특정 프로그램에서만 흰색으로 보인다면 해당 프로그램의 투명도 지원 및 이미지 처리 방식을 확인합니다.

 

이 순서대로 확인하면 원인이 이미지 자체에 있는지, 저장 과정에 있는지, 이미지를 사용하는 프로그램에 있는지를 비교적 쉽게 구분할 수 있습니다.

 

PNG의 투명 배경은 알고 나면 간단하지만 처음 접하면 상당히 헷갈릴 수 있습니다.

특히 “흰색으로 보인다 = 흰색 배경이 들어 있다”라고 생각하기 쉽지만 반드시 그런 것은 아닙니다. 실제로 투명한 이미지인데 프로그램의 기본 배경이 흰색이라 그렇게 보이는 것일 수도 있습니다.

그래서 가장 먼저 해볼 일은 이미지를 다시 만드는 것이 아니라 다른 색상의 배경 위에 PNG를 올려보는 것입니다.

아래의 색상이 그대로 보인다면 투명 배경은 정상적으로 적용되어 있는 것입니다. 반대로 흰색 사각형이 보인다면 이미지 자체에 배경이 들어 있는 것이므로 배경 제거 작업이 필요합니다.

 

그리고 배경을 제거한 이미지를 사용할 예정이라면 PNG와 JPG의 차이도 함께 기억해두면 좋습니다. PNG라고 해서 모든 파일이 투명한 것은 아니지만, 투명한 이미지를 저장하려면 투명도를 지원하는 파일 형식을 사용해야 하기 때문입니다.

저 역시 디자인이나 이미지 작업을 하다 보면 파일 자체에는 문제가 없는데 사용하는 프로그램에 따라 다르게 보여 원인을 찾아야 하는 경우가 있습니다. 이럴 때 하나씩 조건을 나눠 확인하면 생각보다 쉽게 문제를 찾을 수 있습니다.

 

모건의 기록에서는 앞으로도 컴퓨터와 이미지, 사진, 디자인 등 일상과 업무에서 직접 사용하다가 궁금했던 것과 문제를 해결하면서 알게 된 내용을 하나씩 정리해보려고 합니다.

복잡한 전문 용어만 나열하기보다는 필요한 순간 검색해서 바로 이해하고 활용할 수 있는 기록, 모건작가의 시선으로 계속 남겨보겠습니다.