픽셀룸PIXEL ROOMBROWSER ONLY
PIXEL ROOM / 작업 기록 · 2026.10.24

투명 배경을 남기려면 PNG·WebP·JPEG 중 무엇을 고를까

PNG·WebP의 투명 영역과 JPEG의 배경색 채우기를 구분합니다. 품질 슬라이더와 실제 저장 미리보기, 용량 증가의 의미도 설명합니다.

체크무늬는 사진에 들어가는 무늬가 아닙니다

픽셀룸의 작업 공간에는 체크무늬 배경이 깔려 있습니다. 이미지의 투명한 부분과 작업 공간을 구별하기 위한 화면 배경이며, 결과 파일에 체크무늬를 그려 넣지는 않습니다. PNG나 WebP를 선택하면 원본의 투명 영역을 남길 수 있습니다. JPEG는 투명도를 지원하지 않으므로 빈 영역을 어떤 색으로 채울지 정해야 합니다.

JPEG 투명 영역 배경에서 고른 색은 빈 부분뿐 아니라 반투명한 경계 아래에도 깔립니다. 이 때문에 로고나 잘라낸 물체의 가장자리는 선택한 배경에 따라 다르게 보일 수 있습니다. 이미 흰 배경이 들어간 사진을 PNG로 바꾼다고 그 흰색이 자동으로 투명해지지는 않습니다. 배경 제거와 투명도를 가진 원본의 형식 변환은 서로 다른 작업입니다.

PNG와WebP는투명영역을유지할수있고JPEG는배경색으로채우는차이
픽셀룸 자체 처리 예시를 그린 설명용 도해. 실제 사진·성능 측정 그래프가 아닙니다.

투명한 원본과 불투명한 사진을 구분하세요

아래 카드 사진의 흰 바탕은 보이는 사진의 일부입니다. 이런 사진을 PNG로 저장해도 흰 바탕을 찾아 지우는 기능은 실행되지 않습니다. 원본에 실제 투명 영역이 있는지를 먼저 알아야 파일 형식 선택이 의미가 있습니다. 반대로 투명한 원본을 JPEG로 저장했다면, 나중에 PNG로 다시 바꿔도 채워진 배경색을 원래 투명도 정보로 복원하지는 못합니다.

출력 형식투명한 원본 영역품질 슬라이더
PNG유지 가능적용하지 않음
WebP유지 가능인코딩 입력으로 적용
JPEG선택한 배경색으로 채움인코딩 입력으로 적용

이는 픽셀룸에서 선택할 수 있는 출력 기준입니다. 모든 프로그램이 같은 설정을 제공한다는 뜻은 아닙니다. 파일 이름의 확장자만 바꾸는 작업도 아니며, 브라우저가 실제로 만든 파일의 형식이 요청한 형식과 같은지 확인한 후 내려받기를 제공합니다.

흰 바탕 위에 놓인 메모리 카드
흰색으로 찍힌 배경은 투명한 영역과 다릅니다. 형식만 바꿔도 흰색이 사라지지는 않습니다. 사진: Evan-Amos · Public domain. 크기·형식만 변환.

85%는 화질이 85% 남는다는 약속이 아닙니다

품질 슬라이더의 85%는 JPEG 또는 WebP 인코더에 0.85를 전달한다는 뜻입니다. 원본의 선명도를 측정해 85%만 남긴다는 계산이 아닙니다. 낮은 값을 고른다고 파일 바이트 수가 같은 비율로 줄어드는 것도 아닙니다. PNG에서는 이 슬라이더를 사용하지 않으며 화면에서 비활성화합니다.

잎이 촘촘한 귤 사진은 단순한 흰 바탕 사진과 내용이 다릅니다. 한 사진에서 적당했던 설정이 다른 사진에도 같은 결과를 내는지 보장할 수 없습니다. MDN toBlob 문서는 품질 입력을 받는 형식과 지원하지 않는 형식의 대체 동작을 설명합니다. 픽셀룸은 선택한 형식과 다른 형식으로 만들어지면 오류를 표시하고 PNG 선택을 안내합니다.

촘촘한 잎과 주황색 열매가 있는 사진
사진 내용이 달라지면 같은 품질 입력에서도 저장 크기가 달라질 수 있습니다. 사진: Nirajan_pant · CC BY-SA 3.0. 크기·형식만 변환.

저장 파일을 다시 읽어 비교합니다

결과 만들기를 누르면 크기와 자르기를 적용한 캔버스를 선택한 형식으로 저장합니다. 그 파일을 다시 읽어 결과 미리보기에 표시하므로 압축 전에 그려진 그림만 보여주는 방식과 구분됩니다. 색연필의 선과 색 경계를 살펴보면서 설정 변경 전후를 비교할 수 있습니다. 원본 사진 자체에도 초점이 흐린 부분이 있으므로 원본과 함께 보아야 합니다.

작업 공간이 좁으면 미리보기는 화면에 맞게 작아집니다. 저장 파일을 읽었다는 사실이 화면에서 모든 픽셀을 원래 크기로 보여준다는 뜻은 아닙니다. 다운로드 후 실제 사용 위치에서도 확인하세요. 형식이나 품질을 바꾼 직후에는 이전 링크를 해제하므로 결과 만들기를 다시 눌러야 변경 사항이 반영된 파일을 받을 수 있습니다.

색 경계와 가는 선을 가진 색연필 사진
같은 위치의 선과 경계를 비교하세요. 촬영 당시부터 흐린 부분과 새 결과의 차이를 구별해야 합니다. 사진: Alessandro Muiesan · CC BY 2.0. 크기·형식만 변환.

더 큰 파일이 나와도 변환 실패는 아닙니다

원본이 이미 효율적으로 압축되어 있거나 더 많은 정보를 담는 형식으로 바꾸면 저장 용량이 늘어날 수 있습니다. 픽셀룸은 원본 바이트 수를 기준으로 증가와 감소를 구분해 표시합니다. PNG로 바꾸었다는 이유만으로 작은 파일이 된다고 안내하지 않습니다. 용량이 중요하다면 크기·형식·눈에 보이는 결과를 함께 살펴보세요.

이 도구는 움직이는 파일을 정지 이미지로 저장하며 촬영 메타데이터와 색 프로파일을 완전히 보존한다고 보장하지 않습니다. 색공간 처리의 구현 차이는 MDN createImageBitmap 문서의 설명도 참고할 수 있습니다. 인쇄나 정확한 색 관리가 필요한 작업에서는 원본을 보관하고 목적에 맞는 프로그램으로 결과를 확인해야 합니다. 편집기에서 형식과 배경색을 선택할 수 있습니다.