투명 배경 PNG 빠르게 만들기 (2026)
PNG 투명도의 원리와 몇 초 만에 만드는 법. PC·휴대폰·API, 알파 확인, 흰 사각형과 헤일로 해결까지.
- png
- transparency
- file-formats
- design
- guide

"투명 PNG로 보내 주세요"는 막상 만들어야 하는 입장이 되기 전까지는 간단해 보이는 요청 중 하나입니다. PNG를 투명하게 만드는 건 정확히 무엇일까요? 왜 웹사이트에 올린 로고 주위에는 흰 사각형이 생길까요? 그리고 누군가 파일을 JPG로 저장했더니 투명도는 왜 사라졌을까요?
이 가이드에서는 투명도가 실제로 무엇인지, 언제 필요한지, 그리고 어떤 이미지에서든 깔끔한 투명 PNG를 만드는 방법을 다룹니다. 파일 형식이 아니라 배경 제거 전반이 궁금하다면 그쪽부터 보시는 편이 낫습니다.
"투명하다"는 말의 진짜 의미
디지털 이미지는 픽셀 격자이고, 픽셀마다 빨강, 초록, 파랑 값으로 색을 담고 있습니다. 투명도를 지원하는 형식은 여기에 네 번째 값을 더합니다. 그 픽셀이 얼마나 불투명한지를, 완전히 꽉 찬 상태부터 완전히 보이지 않는 상태까지 나타내는 알파 채널입니다.
"투명 PNG"란 배경 픽셀의 알파 값이 보이지 않음으로 설정된 PNG일 뿐입니다. 피사체 뒤에는 아무것도 없습니다. 흰 픽셀이 아니라 픽셀 자체가 없습니다. 이미지를 무엇 위에 올리든 그것이 그대로 비쳐 보입니다.
흰 배경과의 결정적인 차이가 바로 여기 있습니다.
- 흰 배경 — 흰 페이지 위에서는 멀쩡해 보이지만, 색이 있는 버튼이나 어두운 웹사이트 헤더, 사진 위에 올라가는 순간 보기 싫은 흰 사각형이 됩니다.
- 투명 배경 — 어디에나 맞춰집니다. 같은 파일이 라이트 모드, 다크 모드, 브랜드 컬러, 사진 배경 위에서 모두 통합니다.
투명도 관점에서 본 PNG, JPG, WebP
- JPG/JPEG — 투명도를 아예, 절대 지원하지 않습니다. 투명한 이미지를 JPG로 저장하면 배경이 소리 없이 채워집니다(대개 흰색으로). 실무에서 투명도가 날아가는 가장 흔한 원인입니다.
- PNG — 8비트 알파 투명도를 온전히 지원하고, 무손실 품질이며, 어디서나 열립니다. 로고, 오려낸 이미지, 그래픽의 기본 선택지입니다.
- WebP — PNG처럼 투명도를 지원하면서 파일 크기는 더 작아 웹에 좋고, 브라우저 지원도 이제 사실상 전부입니다. remover.bg는 WebP를 처음부터 끝까지 지원하니 그런 작업 흐름이라면 그대로 쓰시면 됩니다.
기억할 원칙: 투명도가 없는 사진 → JPG나 WebP, 투명도가 필요한 것 → PNG나 WebP, 오려낸 이미지에 JPG는 절대 금지.
투명 PNG가 실제로 필요한 순간
- 로고 — 웹사이트, 인보이스, 프레젠테이션, 굿즈에서 로고는 뒤에 무엇이 있든 그 위에 얹혀야 합니다. (배경이 박혀 있는 로고가 있다면 해결 방법은 여기.)
- 제품 누끼 — 같은 제품 이미지를 배너, 마켓플레이스 상품 페이지, 시즌 캠페인 배경에 그대로 올릴 수 있습니다.
- 디자인 자산 — 아이콘, 배지, 문서용 서명, 워터마크, 그리고 매대 안내판과 가격표 인쇄물.
- 스티커와 오버레이 — 채팅 스티커, 방송 오버레이, 영상 그래픽.
- 주문 제작(POD) 디자인 — 티셔츠를 찍어 주는 업체에 필요한 건 여러분의 디자인이지, 디자인에 흰 사각형을 더한 것이 아닙니다. (POD용 파일을 준비 중이라면 주문 제작 이미지 체크리스트 전체를 보세요.)

만드는 방법
세 단계, 그리고 형식이라는 한 가지 결정입니다.
- 가진 것 중 가장 좋은 원본에서 시작하세요 — 해상도가 높을수록 가장자리가 깨끗해집니다.
- remover.bg에 업로드하세요 — 드래그해서 놓거나 클릭해서 파일을 고르면 됩니다. PNG, JPG, WebP 모두 입력으로 쓸 수 있습니다. AI가 머리카락, 털, 망사, 차량 유리처럼 까다로운 가장자리까지 포함해 피사체와 배경을 자동으로 분리합니다. 자동차 유리창도 함께 처리됩니다. 유리 너머로 보이던 예전 장면은 지워지고 그 자리에 사실적인 틴트가 다시 만들어집니다. 다만 짙은 필름이 붙은 어두운 창은 불투명하게 남습니다.
- PNG로 다운로드하세요. 결과물은 회색과 흰색 체커보드 위에 나타나는데, 이는 여기에는 아무것도 없다를 인터페이스가 그려 준 것이지 파일의 일부가 아닙니다. 편집기에서 배경은 비워 두세요. 형식 메뉴에는 PNG · 투명, WebP · 투명, JPG · 흰 배경이 있으며, 마지막 항목은 기능이 아니라 경고입니다. 그렇게 얻는 것이 어디에나 올릴 수 있는 진짜 알파 채널 PNG입니다.
휴대폰에서는 모바일 앱이 같은 흐름으로 동작합니다. 찍거나 고르고, 기다리고, 저장하면 됩니다. 그다음에는 채팅 사진이 아니라 파일로 공유하세요. 투명도가 죽는 지점이 바로 거기입니다. 휴대폰 누끼를 염두에 둔 촬영은 피사체와 벽 사이에 한 걸음만 거리를 두어도 훨씬 잘 나옵니다.
개발자라면: 같은 작업을 배경 제거 API로 프로그래밍 방식으로도 처리할 수 있습니다. 이미지를 보내면 투명 PNG가 돌아오고, 카탈로그 규모로도 가능합니다. 일괄 처리는 API 전용이라 대량 업로드 화면이 없으므로, 카탈로그 전체를 다루려면 스크립트를 짜야 합니다.
투명도를 유지하는 방법
투명도는 작업 흐름의 모든 단계가 존중해야만 살아남습니다.
- JPG로 다시 저장하지 마세요 — 티 나지 않게 투명도를 없애는 주범입니다. 스크린샷 도구, "웹용 내보내기" 프리셋, 이미지를 변환하는 메신저 앱이 전부 파일을 합쳐 버릴 수 있습니다.
- 메일 클라이언트를 조심하세요 — 일부는 본문에 삽입된 이미지를 다시 인코딩합니다. 투명 자산은 파일로 첨부하세요.
- 보내기 전에 확인하세요: 색이 있는 배경 위에 파일을 열어 보거나, 이미지 편집기에서 열어 체커보드가 있는지 보세요. 뷰어나 브라우저 미리보기로 판단하지 마세요. 저마다 자기 배경을 칠합니다.
PNG가 정말 투명한지 확인하는 세 가지 방법
"투명 PNG"는 흉내 내기 쉽습니다. 흰 배경 이미지에 .png 이름만 붙여도 폴더 목록에서는 똑같아 보이니까요.
- 체커보드 테스트. 이미지 편집기(Photoshop, GIMP, Photopea)에서 열어 보세요. 빈 영역이 회색과 흰색 체커보드로 그려지면 알파 채널이 있다는 증거입니다.
- 색 배경 테스트. 진짜 중요한 건 이겁니다. 채도 높은 색이나 어두운 헤더 위에 파일을 올려 보세요. 진짜 투명이라면 그 색이 피사체 바로 앞까지 보입니다. 옅은 테두리가 보인다면 문제가 있는 겁니다.
- 뷰어 테스트. 증명해 주는 게 가장 적습니다. 뷰어와 브라우저는 저마다 자기 배경을 칠해서, 어디서는 흰색, 어디서는 회색으로 보입니다.
절대 테스트가 될 수 없는 것: 확장자입니다. logo.jpg를 logo.png로 이름만 바꿔도 달라지는 건 없습니다. JPG에는 이름을 바꿔서 생겨날 알파가 애초에 없습니다.
투명 PNG는 왜 이렇게 커질까
PNG는 무손실이고, 투명한 PNG는 보통 픽셀당 세 개가 아니라 네 개의 숫자를 담습니다. 빨강, 초록, 파랑, 알파입니다. 마스터로는 훌륭하지만 배포용으로는 무겁습니다. 알파를 잃지 않고 줄이는 방법은 이렇습니다.
- 팔레트를 양자화하세요. pngquant는 24/32비트 PNG를 픽셀별 알파를 그대로 담는 8비트 팔레트로 변환하므로 안티에일리어싱된 가장자리가 살아남습니다. 종종 70%에 이르는 절약 효과가 보고되며, 8비트 출력은 보통 24/32비트 원본보다 60~80% 작습니다. 내보내기 전에 두 파일을 최대 배율로 비교하세요. 단색 위주 그래픽은 티 없이 양자화되지만, 부드러운 그라디언트는 띠가 생길 수 있습니다.
- 배포는 WebP로 바꾸세요. 구글은 무손실 WebP가 PNG보다 26% 작고, 투명도가 있는 손실 WebP는 PNG 크기의 대략 3분의 1이라고 밝히고 있습니다. 같은 다운로드 메뉴 안에 들어 있습니다.
PNG는 보관용으로 남겨 두세요. 배포에 관해서는 이미지 SEO 체크리스트에서 다룹니다.
다크 모드의 함정: 어두운 배경 위의 흰 헤일로
흰 페이지에서는 흠잡을 데 없던 로고가 어두운 헤더에서는 희미하게 밝은 윤곽선을 두르게 됩니다. 알파 채널은 멀쩡합니다. 문제는 가장자리입니다.
안티에일리어싱은 부분적으로 투명한 경계 픽셀로 가장자리를 부드럽게 만드는데, 그 픽셀의 색은 피사체와 그 뒤에 있던 것이 섞인 값입니다. 뒤에 있던 게 흰색이었다면 그 픽셀들은 흰색을 품고 있습니다. 흰 페이지에서는 보이지 않지만 검은 배경에서는 헤일로가 됩니다.
- 합쳐진 사본이 아니라 원본에서 잘라내세요. 흰 배경 JPG에서 뽑아낸 가장자리는 나중에 걸러낼 수 없는 테두리를 물려받습니다. 반투명 픽셀을 제대로 읽어 내는 매팅은 그 픽셀들을 중립적으로 유지해 줍니다.
- 투명도는 대비가 아닙니다. 검은 워드마크는 어두운 헤더에서 여전히 보이지 않습니다. 그건 파일 형식이 아니라 밝은 색 버전이 필요한 문제입니다.
메일이 가장 아프게 물어뜯습니다. 어떤 클라이언트는 이미지 아래 배경을 다시 칠해 버립니다. 메일 다크 모드 관련 메모를 참고하세요.
로고 파일: PNG일까, SVG일까
사진이라면 물을 필요가 없습니다. 사진은 픽셀이니까요. 로고라면 물어볼 가치가 있습니다.
- SVG는 벡터입니다: 픽셀이 아니라 도형과 좌표라서 어떤 크기에서도 선명하고 대개 용량이 아주 작습니다. 누군가 일부러 그려 넣지 않는 한 배경도 없습니다.
- PNG는 래스터입니다: 고정된 픽셀 격자라 확대하면 뭉개지지만, 어디서나 받아 줍니다.
벡터 마스터가 있다면 그걸 쓰세요. 디자이너에게 .ai, .eps, .svg 마스터를 요청하고, 사이트에는 SVG를 올리고 거기서 PNG를 내보내면 됩니다. 그렇지 않다면 — 명함에서 딴 JPG, PDF에서 캡처한 화면 — 답은 PNG입니다. 배경 제거는 벡터가 아니라 투명한 래스터를 만들어 주기 때문입니다. 어느 쪽이든 PNG 마스터는 챙겨 두세요. 마켓플레이스와 주문 제작 업로더는 SVG를 제대로 받아 주지 못하는 경우가 많습니다.
자주 겪는 문제와 빠른 해결
- "로고 주위에 흰 사각형이 있어요" — 파일이 JPG이거나 배경이 합쳐진 PNG입니다. 배경 제거를 한 번 돌리고 PNG로 새로 내보내세요.
- "가장자리가 톱니 같거나 흰 테두리가 보여요" — 임계값으로 딱 잘라 내는 도구로 만든 누끼입니다. AI 배경 제거는 어떤 배경에도 자연스럽게 녹아드는 부드러운 안티에일리어싱 가장자리를 만듭니다.
- "파일이 너무 커요" — PNG는 무손실입니다. 웹용이라면 WebP로 변환하거나(투명도는 유지되고 용량은 줄어듭니다) 크기를 줄이세요.
- "채팅으로 보내기 전까지는 투명했어요" — 대부분의 메신저 앱은 사진 선택기로 보낸 이미지를 다시 인코딩하고, 다시 인코딩된 결과에는 대개 알파가 없어서 흰색이 돌아옵니다. 대신 문서로 보내세요. 사진 스티커는 의도된 예외입니다.
- "파워포인트나 구글 슬라이드에 흰 사각형이 생겨요" — 둘 다 파일을 디스크에서 삽입하면 PNG 알파를 존중합니다. 흰 사각형은 보통 변환 단계를 거친 붙여넣기에서 오거나, 이미 배경이 합쳐져 있던 파일에서 옵니다. 슬라이드를 JPG로 내보내면 다시 합쳐집니다. 누끼를 중심으로 구성한 슬라이드를 참고하세요.
깨끗한 투명 마스터 파일을 한 번 확보했다면 자산답게 다루세요. PNG를 안전하게 보관하고, 필요할 때 거기서 배경을 합친 JPG를 뽑아 쓰면 됩니다. 반대 방향은 절대 안 됩니다. 어떤 곳은 합쳐진 사본만 받습니다. 예를 들어 앱 스토어 스크린샷 업로드는 알파 채널이 있는 파일을 거부합니다. 그럴 때는 JPG 내보내기가 배경을 대신 골라 주게 두지 마세요. 편집기에서 먼저 의도적으로 만드세요. 단색 브랜드 컬러든, 직접 고른 색조든, 사진 배경이든, 여기에 피사체를 자리 잡게 해 주는 사실적인 그림자까지요. 마스터에서 배경이 합쳐진 버전을 내보내면, 마스터는 다른 모든 용도를 위해 투명한 채로 남습니다.


