PNG를 JPG로 바꿨더니 배경이 생겼다면? 같은 그림으로 확인한 차이

하루보탬 편집팀

PNG를 JPG로 바꾸면 배경은? 투명 원본을 보관하고 배경색부터 선택. 주제 설명용 자작 도식이며 실제 실측 결과나 앱 화면이 아닙니다.

JPG는 투명 영역을 저장하지 못합니다. 투명함을 유지해야 한다면 PNG 원본을 쓰고, JPG가 필요하면 먼저 배경색을 정해 합성한 뒤 저장하세요. 같은 그림을 서로 다른 방식으로 저장한 결과를 아래에서 비교할 수 있습니다.

원본이 투명한지 먼저 확인하세요

먼저 변환하기 전의 PNG를 따로 보관하세요. 원본을 남겨두면 JPG의 배경색이 마음에 들지 않을 때 처음부터 다른 색으로 합성할 수 있습니다. 이미 바탕색이 들어간 결과만 남기지 않는 것이 출발점입니다.

아래 예제는 직접 만든 960×640픽셀 그림입니다. 분홍 하트에는 부드러운 가장자리가 있고, 오른쪽 파란 원은 뒤가 비치는 반투명 상태입니다. 도형 밖의 완전히 투명한 부분과 원 안쪽의 반투명한 부분을 나눠 살펴보세요.

바둑판 무늬는 투명 영역을 보여주기 위한 미리보기 배경이며, 내려받는 PNG 원본에는 그 무늬가 없습니다. 비교할 때는 무늬가 그려진 미리보기와 실제 투명 PNG 원본을 구분해서 여세요.

바둑판 배경 위에 부드러운 분홍 하트와 반투명 파란 원
원본의 투명 영역을 보여주는 미리보기입니다. 바둑판은 보기용이며 내려받는 원본에는 없습니다.
실측 자료 · 하루보탬

근거: Adobe JPEG와 PNG의 투명성 비교

배경색을 정한 뒤 JPG로 저장하세요

JPG로 보낼 파일은 배경색을 선택할 수 있는 도구에서 PNG 사본을 열어 만드세요. 그림 뒤에 원하는 색을 놓아 투명도에 맞게 합성한 뒤 JPG로 저장하는 순서입니다. 확장자를 고르는 것에 앞서 어떤 바탕에 그림을 놓을지 정하는 셈입니다.

이번에는 같은 그림을 흰색과 옅은 파란색 배경에 각각 합성했습니다. 원래 투명했던 빈 곳에 색이 채워질 뿐 아니라, 반투명한 원과 하트의 부드러운 경계에도 배경색이 섞였습니다. 두 결과에서 파란 원과 하트 바깥쪽을 함께 보면 차이를 찾기 쉽습니다.

비교용 파일에서는 투명도를 나타내는 알파 정보를 빼고 색 정보만 남겼습니다. 이 원본은 완전 투명한 부분의 색을 검정으로 정해 만들어서 그 부분이 검정으로 나타났고, 파란 원의 반투명함도 사라졌습니다. 모든 PNG나 변환 앱이 같은 이유로 검정 배경을 만드는 것은 아닙니다.

검정 배경에 선명한 분홍 하트와 불투명 파란 원
비교용: 알파 정보만 버렸습니다. 이 원본의 숨은 RGB가 검정이어서 검정 바탕이 나타났고, 원의 반투명함도 사라졌습니다.
실측 자료 · 하루보탬
흰 배경에 부드러운 분홍 하트와 옅은 파란 원
같은 원본을 흰 배경에 합성한 뒤 JPG로 저장한 결과입니다.
실측 자료 · 하루보탬
옅은 파란 배경에 부드러운 분홍 하트와 파란 원
같은 원본을 옅은 파란 배경(#EEF2FF)에 합성했습니다. 배경색과 반투명 부분을 함께 보세요.
실측 자료 · 하루보탬

근거: Pillow 공식 알파 합성 함수 · Adobe JPEG와 PNG의 투명성 비교

다시 열어 배경과 테두리를 비교하세요

저장한 JPG는 다시 열어 확인하세요. 아래에서 투명 PNG 원본과 세 JPG 결과를 내려받아 같은 크기로 놓고, 빈 바탕·파란 원의 가운데·하트 가장자리를 차례로 비교해보세요. 배경색뿐 아니라 부드러운 부분이 원하는 모습으로 남았는지도 보는 것입니다.

JPG로 저장하면 합성한 바탕과 그림의 색이 함께 저장됩니다. 이번 옅은 파란 배경도 저장 전과 JPG를 다시 읽은 색 값이 조금 달랐습니다. JPG는 손실 압축을 사용하므로 지정한 색과 저장 후의 값이 정확히 같다고 보기보다, 실제 사용할 결과 파일을 확인하세요.

다른 배경색이 필요하면 보관한 투명 PNG로 돌아가 다시 합성하세요. 이번 비교는 하루보탬이 만든 PNG 한 장을 Pillow로 처리한 결과이며, 모든 변환 앱의 기본 동작을 시험한 것은 아닙니다. Pillow 12.2.0에서 그림 크기와 JPG 저장 설정을 같게 두고 세 처리의 차이를 비교했습니다.

같은 원본·크기·JPEG 설정으로 저장한 세 결과
저장 방식 보이는 바탕 투명 정보
알파 무시 이 원본은 검정 없음
흰색에 합성 흰색 없음
파란색에 합성 옅은 파란색 없음

직접 열어 비교할 파일: 투명 PNG 원본 · 알파 정보를 버린 JPG · 흰 배경으로 합성한 JPG · 옅은 파란 배경으로 합성한 JPG

근거: Adobe JPEG와 PNG의 투명성 비교

적용 조건과 확인 범위
  • 이번 비교는 하루보탬이 만든 PNG 한 장을 Pillow로 처리한 결과이며, 모든 변환 앱의 기본 동작을 시험한 것은 아닙니다.
  • 바둑판 무늬는 투명 영역을 보여주기 위한 미리보기 배경이며, 내려받는 PNG 원본에는 그 무늬가 없습니다.

확인일: 2026-09-11