투명 배경이 흰색으로 변할 때
배경이 투명한 로고 PNG를 JPG로 저장했더니 갑자기 흰색(때로는 검은색) 네모가 생겼습니다. 파일이 망가진 게 아닙니다. JPG가 원래 투명을 담지 못하기 때문에 생기는, 아주 흔하고 예측 가능한 현상입니다. 원리를 알면 원하는 색으로 깔끔하게 처리할 수 있습니다.
최종 업데이트: 2026년 7월
1. 왜 투명이 색으로 채워지나
PNG는 각 픽셀에 색 정보(빨강·초록·파랑) 말고도 불투명도(알파)라는 값을 하나 더 담습니다. 알파가 0이면 완전 투명, 255면 완전 불투명입니다. 이 알파 채널 덕분에 배경 없는 로고가 가능합니다.
그런데 JPG에는 이 알파 채널이 아예 없습니다. 색 정보만 담도록 설계됐기 때문입니다. 그래서 투명 PNG를 JPG로 저장할 때, 프로그램은 투명한 자리를 무슨 색으로든 칠해야 합니다. 대부분 흰색으로 칠하지만, 도구에 따라 검은색으로 칠하기도 합니다. 이게 배경 네모의 정체입니다.
한 줄 요약: JPG는 투명을 저장할 수 없습니다. 투명했던 부분은 반드시 어떤 색으로 대체되며, 그 색을 우리가 고를 수 있느냐가 도구의 차이입니다.
2. 눈으로 보기
같은 투명 로고가 포맷·설정에 따라 어떻게 보이는지입니다. 체커무늬는 "투명"을 나타내는 표시입니다.
3. 해결법 세 가지
상황에 맞게 셋 중 하나를 고르면 됩니다.
가. 배경으로 쓸 색을 직접 지정한다
JPG로 꼭 저장해야 한다면, 투명 자리를 채울 색을 미리 정합니다. 이미지를 얹을 페이지 배경이 흰색이면 흰색, 검은 배경이면 검은색으로 맞추면 티가 나지 않습니다. 이미지 포맷 변환 도구에서는 투명 배경 채우기 색을 직접 고를 수 있습니다.
나. 투명을 지원하는 포맷으로 저장한다
배경이 정말 투명해야 한다면 애초에 JPG를 쓰면 안 됩니다. PNG나 WebP로 저장하세요. 둘 다 알파 채널을 담을 수 있어 투명이 그대로 유지됩니다.
다. 용량 때문이라면 WebP를 고른다
"JPG로 바꾸려던 이유가 용량 때문"이라면, 투명을 포기할 필요가 없습니다. WebP는 투명을 유지하면서도 PNG보다 용량이 작습니다. 투명 + 작은 용량을 동시에 원할 때의 정답입니다.
4. 배경이 검은색으로 나올 때
흰색이 아니라 검은색으로 채워지는 경우가 있습니다. 이는 프로그램이 알파를 무시하고 "투명 = 색 정보 없음 = 0(검정)"으로 처리하기 때문입니다. 오래된 편집기나 일부 자동 변환에서 나타납니다. 해결은 같습니다. 배경색을 직접 지정할 수 있는 도구를 쓰거나, 투명을 지원하는 PNG·WebP로 저장하면 됩니다.
5. 투명을 꼭 유지하고 싶다면
| 목적 | 포맷 | 결과 |
|---|---|---|
| 투명 유지 + 최고 호환성 | PNG | 어디서나 열리고 투명 유지, 용량은 큼 |
| 투명 유지 + 작은 용량 | WebP | 투명 유지, 용량 최소, 웹에 최적 |
| 배경색으로 채워도 무방 | JPG | 투명 사라짐, 용량 작음, 색 지정 필요 |
체크: 저장하기 전에 "이 이미지를 어디에 얹을까"를 떠올리세요. 배경색이 정해진 자리라면 그 색으로 채운 JPG가 가볍고 깔끔하고, 여러 배경 위에 올릴 로고라면 투명 PNG·WebP가 안전합니다.
투명 PNG를 JPG로 바꿀 때 채울 배경색을 직접 고를 수 있고, 투명을 유지하려면 PNG·WebP로 바로 저장됩니다. 서버 전송 없이 브라우저에서.
이미지 포맷 변환 도구 써 보기6. 자주 묻는 질문
흰색으로 채워진 JPG를 다시 투명하게 되돌릴 수 있나요?
자동 변환으로는 어렵습니다. 투명 정보는 JPG로 저장되는 순간 사라지므로, 되돌리려면 편집 프로그램에서 흰 배경을 다시 오려내야 합니다. 원본 PNG가 있다면 그걸 다시 쓰는 편이 훨씬 빠르고 깔끔합니다.
PNG를 PNG로 저장하면 투명은 그대로인가요?
네, 그대로 유지됩니다. 투명이 사라지는 건 JPG처럼 알파 채널이 없는 포맷으로 바꿀 때만입니다.
배경 채우기 색을 흰색 말고 투명한 색으로 두면 안 되나요?
JPG에는 투명 자체가 없어서 "투명한 색"이라는 선택지가 성립하지 않습니다. 반드시 불투명한 한 가지 색으로 채워집니다. 투명이 필요하면 포맷을 PNG나 WebP로 바꾸는 것이 유일한 방법입니다.
반투명(그림자, 흐린 가장자리)은 어떻게 되나요?
반투명 픽셀은 지정한 배경색과 섞인 상태로 굳어집니다. 예를 들어 흐릿한 그림자를 흰 배경으로 채우면 그림자가 흰색과 섞여 옅어집니다. 이런 섬세한 부분까지 살리려면 PNG나 WebP로 유지하세요.