WebP 투명배경, PNG로 바꿔야 유지되는 이유
투명 배경이 있는 WebP 이미지를 JPG로 바꾸면 안 됩니다. JPG는 알파채널(투명도 정보)을 저장할 수 없는 포맷이라, 로고나 아이콘의 투명했던 부분이 흰색이나 검은색으로 강제로 채워지기 때문입니다. 이 글은 왜 이런 일이 생기는지, 그리고 투명도와 화질을 그대로 유지하면서 포맷을 바꾸는 방법을 정리합니다.
요약 ① JPG는 태생부터 알파채널(투명도 정보)을 저장하는 구조가 없어서 투명한 부분을 무조건 단색으로 채워버립니다 ② WebP는 투명도를 지원하지만 손실 모드와 무손실 모드가 섞여 있어 파일에 따라 화질 손실 여부가 다릅니다 ③ 투명도와 원본 화질을 동시에 지키려면 PNG로 바꾸는 것이 가장 안전한 선택입니다
WebP를 JPG로 바꾸면 투명 배경이 사라지는 이유
로고 제작 사이트나 아이콘 다운로드 페이지에서 받은 파일이 WebP 확장자로 되어 있어서, 블로그나 문서에 쓰려고 JPG로 바꿔봤더니 투명했던 배경이 흰색 사각형으로 바뀌어 있는 걸 발견하는 경우가 있습니다. 특히 어두운 배경 위에 로고를 얹으려던 상황이라면 이 흰 사각형이 그대로 드러나 작업을 처음부터 다시 해야 하는 일이 생깁니다.
이건 이미지 편집 프로그램의 버그가 아니라 JPEG(JPG)라는 포맷이 1992년에 표준화될 당시부터 RGB 세 채널만 저장하도록 설계됐기 때문입니다. 픽셀마다 얼마나 투명한지를 나타내는 네 번째 채널, 즉 알파채널을 저장할 자리 자체가 파일 구조에 없습니다. 그래서 어떤 도구를 쓰든 JPG로 저장하는 순간 투명했던 픽셀은 흰색이나 검은색으로 강제로 칠해집니다.
반면 WebP는 구글이 2010년에 내놓은 비교적 최근 포맷이라 처음부터 알파채널을 지원하도록 설계됐습니다. 다만 WebP 안에서도 손실 압축과 무손실 압축 두 방식이 함께 쓰입니다. 손실 WebP는 투명도는 유지하지만 색상 정보를 압축 과정에서 이미 버렸기 때문에, 다른 포맷으로 다시 바꿔도 그 손실은 복구되지 않는다는 점을 알아둬야 합니다.
투명도를 유지하면서 변환하는 방법
투명도를 지키는 가장 확실한 방법은 결과물을 JPG가 아니라 PNG로 저장하는 것입니다. PNG는 1996년 GIF의 특허 문제를 피하기 위해 만들어진 포맷인데, 처음부터 무손실 압축과 8비트 알파채널을 함께 지원하도록 설계돼 투명도와 화질을 동시에 보존할 수 있습니다.
수동으로 하려면 그림판, 포토샵, 맥의 미리보기 같은 이미지 편집 프로그램에서 WebP 파일을 열고 다른 이름으로 저장 메뉴에서 파일 형식을 PNG로 지정하면 됩니다. 이때 저장 옵션에 배경색을 지정하는 항목이 있다면 반드시 투명 또는 없음으로 두어야 합니다. 일부 프로그램은 기본값이 흰색으로 되어 있어서, 형식만 PNG로 골라도 결과물에 흰 배경이 깔리는 경우가 있습니다.
PNG는 무손실 포맷이라 압축을 풀었다가 다시 저장해도 픽셀 값이 원본과 완전히 같습니다. 다만 WebP의 무손실 압축 알고리즘과 PNG의 압축 알고리즘은 서로 다른 방식이라서, 원본이 손실 WebP라면 PNG로 바꿔도 그 손실 자체는 되돌릴 수 없다는 점은 구분해야 합니다.
저희 도구로 확인하기. WebP 파일을 올리면 투명한 영역을 그대로 유지한 무손실 PNG로 바꿔서 바로 내려받을 수 있습니다.
무료 · 설치 없이 브라우저에서 바로 · 투명 배경 그대로 유지
자주 막히는 지점
| 상황 | 왜 그런지 |
|---|---|
| WebP를 JPG로 바꿨더니 배경이 흰색이 됨 | JPG는 알파채널을 저장하는 구조가 없어 투명 픽셀을 단색으로 채우기 때문입니다 |
| WebP를 PNG로 바꿨는데도 화질이 떨어짐 | 원본 WebP가 손실 압축으로 저장된 경우 그 손실은 PNG로 바꿔도 복구되지 않기 때문입니다 |
| 저장했더니 파일 용량이 커짐 | PNG는 무손실이라 압축률이 낮아 같은 이미지라도 WebP나 JPG보다 파일 크기가 커지는 게 정상입니다 |
정리
- JPG는 알파채널을 저장할 수 없어서 투명 배경이 있는 이미지를 JPG로 바꾸면 무조건 단색 배경이 생깁니다.
- WebP는 투명도를 지원하지만 손실·무손실 두 방식이 섞여 있어 화질이 항상 보장되지는 않습니다.
- 투명도와 원본 화질을 동시에 지키려면 PNG로 저장하는 것이 가장 안전합니다.
- 저장 시 배경색 옵션이 흰색으로 기본 설정되어 있지 않은지 확인해야 합니다.
무료 · 설치 없이 브라우저에서 바로 · 투명 배경 그대로 유지
자주 묻는 질문
WebP를 PNG로 바꾸면 파일 용량이 늘어나나요?
네, 늘어나는 경우가 많습니다. PNG는 무손실 압축 방식이라 WebP나 JPG보다 압축률이 낮기 때문에 같은 화질이라도 파일 크기가 더 커집니다. 투명도가 필요 없는 사진이라면 WebP나 JPG를 그대로 쓰는 게 용량 면에서 유리합니다.
이미 JPG로 저장해서 흰 배경이 생긴 이미지도 투명하게 되돌릴 수 있나요?
되돌릴 수 없습니다. JPG로 저장하는 순간 원래 어디가 투명했는지에 대한 정보 자체가 파일에서 사라지기 때문입니다. 원본 WebP나 PNG 파일이 남아있다면 그 파일에서 다시 변환해야 하고, 없다면 배경을 새로 지우는 작업을 해야 합니다.
PNG로 바꾼 파일이 투명 배경을 제대로 유지했는지 어떻게 확인하나요?
이미지 편집 프로그램이나 브라우저에서 파일을 열었을 때 투명한 부분이 흰색이 아니라 회색 체크무늬 패턴으로 보이면 투명도가 유지된 것입니다. 흰 배경이 보인다면 변환 과정에서 배경색이 채워진 것이므로 저장 옵션을 다시 확인해야 합니다.