핵심 요약
WebP를 PNG로 변환하면 이미지의 투명 배경이 유지되고 디코딩한 픽셀이 추가 손실 없이 모두 저장되므로, 디자인 도구에 넣을 로고, 스티커, 스크린샷에 잘 맞습니다. pd00은 브라우저 안에서 한 번에 최대 500개까지 변환하며, PNG는 무손실이라 화질 슬라이더가 없습니다. 다만 Google의 측정으로는 무손실 WebP가 PNG보다 26% 작으므로, 파일은 커진다고 보면 됩니다.
WebP PNG 변환 사용 방법
- WebP 에셋 가져오기파일을 변환기로 끌어다 놓거나, 내보낸 에셋 폴더를 추가하거나(하위 폴더도 포함), 복사한 이미지를 붙여 넣으세요. 한 번에 최대 500개까지 받습니다.
- PNG 선택과 크기 결정‘변환 형식’에서 PNG가 선택되어 있는지 확인하세요. 모든 픽셀을 지키려면 ‘원본 크기’를 그대로 두고, 그래픽이 필요 이상으로 크다면 더 작은 긴 변을 고르세요.
- PNG 내려받기파일을 하나씩 저장하거나 ‘ZIP으로 모두 다운로드’를 누르세요. 같은 묶음에 이미 있는 이름의 파일에는 “ (2)”가 붙으므로 덮어쓰이는 파일이 없습니다.
예시로 살펴보기
두 파일을 넣습니다. 모서리가 투명한 1,024 × 1,024 스티커 배지.webp와 3,840 × 1,600 배너 메인배너.webp입니다. 최대 크기를 1,920 px로 정하면 pd00은 메인배너.png를 1,920 × 800으로 저장하고(1,600 × 1,920 ÷ 3,840 = 800), 배지.png는 1,024 × 1,024 그대로 둡니다. 최대 크기는 그보다 큰 이미지만 줄이기 때문입니다.
스티커의 투명한 모서리와 부드러운 가장자리는 PNG에서도 그대로 비쳐 보이며, ZIP으로 모두 다운로드를 누르면 두 파일이 pd00-2-png-files.zip으로 저장됩니다.
할 수 있는 일과 한계
- 한 번에 최대 500개까지 처리합니다. 더 큰 에셋 폴더는 여러 번에 나눠 변환하세요.
- 무손실 WebP와 손실 WebP 모두 투명도가 옮겨지며, 반투명한 가장자리도 포함됩니다.
- 움직이는 WebP는 첫 프레임의 정지 PNG가 됩니다.
- 손실 WebP에 이미 있던 흐림이나 블록 노이즈는 PNG에 그대로 복사됩니다.
- 투명 배경이 필요 없는 사진을 작은 파일로 만들려면 WebP JPG 변환이 더 잘 맞습니다.
출처
- An image format for the Web Google for Developers
- Portable Network Graphics (PNG) Specification, Third Edition W3C
2026년 10월 10일에 링크를 확인했습니다.
WebP PNG 변환 소개
WebP는 웹페이지를 가볍게 유지하는 데 뛰어나고, 브라우저는 아무 문제 없이 WebP를 다룹니다. 곤란한 상황은 이미지가 브라우저를 떠나 디자인 파일, 슬라이드, 오래된 편집 프로그램으로 갈 때 시작됩니다. 지원 여부가 제각각이고, 아예 파일을 거부하는 프로그램도 있습니다. PNG는 거의 어디서나 읽히고, 그래픽에 중요한 두 가지 특성을 갖추고 있습니다. 무손실이라는 점, 그리고 완전한 알파 채널을 지원한다는 점입니다. 그래서 로고, 스티커, 아이콘, 인터페이스 요소, 도표, 글자가 많은 스크린샷에 딱 맞는 형식입니다.
변환 과정 자체는 간단합니다. 브라우저에 내장된 디코더가 WebP를 투명도까지 포함해 하나씩 풀고, 그 픽셀이 압축 손실 없이 PNG에 기록됩니다. PNG는 덜어 낼 것이 없으므로 화질 슬라이더가 없습니다. 픽셀을 바꾸는 선택 설정은 긴 변 제한(4,096, 2,560, 1,920, 1,280 px) 하나뿐입니다. 로고.webp는 로고.png가 됩니다.
WebP 파일에는 두 종류가 있고, 어느 쪽이냐에 따라 PNG의 모습이 달라집니다. 무손실 WebP는 아무것도 잃지 않고 변환됩니다. 손실 WebP는 원래 있던 흐림이나 블록 노이즈를 PNG에 그대로 가져갑니다. 변환이 더하는 것은 없지만, 없애 주지도 못합니다.
이럴 때 사용합니다
발표 자료에 넣을 협력사 로고
찾을 수 있는 협력사 로고가 그 회사 웹사이트의 .webp 파일 하나뿐인데, 프레젠테이션 프로그램이 받아 주지 않습니다. PNG로 바꾸면 투명 배경과 부드러운 가장자리가 그대로 살아 있어 어떤 색 슬라이드에도 올릴 수 있습니다.
디자인 파일용 스티커와 오려 낸 이미지
웹에서 저장한 배경 없는 상품 사진과 스티커 그림은 WebP로 오는 경우가 많습니다. 변환하면 알파 채널이 유지되므로 편집 프로그램에서 깔끔하게 겹쳐 쓸 수 있고, 여러 번 다시 저장해도 품질이 떨어지지 않습니다.
문서에 넣을 스크린샷
WebP로 내보낸 인터페이스 스크린샷과 도표가 도움말 문서, 위키 페이지, 버그 보고서에 넣을 선명한 PNG가 됩니다. 단순한 UI 그래픽은 PNG로도 잘 압축되므로 파일 용량이 대개 적당하게 유지됩니다.
무손실 WebP와 손실 WebP: PNG가 돌려줄 수 있는 것
| 내 WebP가… | PNG에 담기는 것 | 흔한 용도 |
|---|---|---|
| 무손실 WebP | 똑같은 이미지를, 더 많은 앱이 여는 형식으로 | 아이콘, 로고, UI 에셋, 웹용으로 내보낸 스크린샷 |
| 손실 WebP | 이미 있던 압축 흔적까지 포함한 충실한 사본 | 대부분의 웹사이트에 있는 사진과 배너 |
어느 쪽이든 여기서부터는 더 잃는 것이 없습니다. PNG는 원하는 만큼 편집하고 다시 저장할 수 있지만, WebP나 JPG는 그렇지 않습니다.
WebP보다 파일이 커진다고 보세요
WebP는 작게 만들려고 설계되었고, PNG는 모든 픽셀을 정확히 지키려고 설계되었습니다. 파일이 얼마나 커지는지는 내용에 따라 다릅니다. 로고, 아이콘, 인터페이스 스크린샷 같은 단순한 그래픽은 보통 조금만 커집니다. 사진과 부드러운 그러데이션에는 무손실 압축으로 줄이기 어려운 미세한 변화가 가득해서 PNG가 엄청나게 커질 수 있습니다. 가로와 세로를 절반으로 줄이면 픽셀이 4분의 1만 남으며, 이것이 PNG 용량을 줄이는 가장 효과적인 방법입니다.
알파 채널, 애니메이션 프레임, EXIF
완전히 투명한 배경은 투명하게 남고, 부드러운 그림자, 빛 번짐, 안티앨리어싱된 가장자리처럼 반투명한 픽셀도 그 불투명도를 그대로 유지합니다. 여기서 만드는 결과는 정지 이미지이므로, 움직이는 WebP는 첫 프레임만 얻게 됩니다.
그래픽에는 대부분 EXIF가 없지만, WebP에 촬영 정보나 위치가 들어 있다면 기본으로 PNG의 표준 eXIf 청크에 기록됩니다. 일부 오래된 뷰어는 이 청크를 무시합니다. GPS 위치 정보 삭제는 좌표만 지우고, 사진 정보 유지 체크를 해제하면 모두 지워집니다. 색은 브라우저가 WebP를 디코딩하는 색 공간인 표준 sRGB로 들어옵니다.
PNG가 잘 맞지 않는 경우
- 메일이나 웹페이지용 작은 파일. 투명 배경이 없는 사진은 JPG가 훨씬 가볍습니다. WebP JPG 변환을 쓰세요.
- 어떤 크기로든 늘릴 수 있는 로고. PNG도 픽셀로 이루어져 있습니다. 변환한다고 벡터 파일이 되지는 않으며, 작은 이미지를 키워도 세부는 늘지 않습니다.
- 애니메이션 유지. 움직이는 PNG, GIF, 동영상으로는 저장할 수 없습니다.
- 여러 이미지를 문서 하나에. WebP PDF 변환이 이미지를 페이지에 배치합니다. 다만 그곳에서는 투명한 부분이 흰색으로 인쇄됩니다.
500개를 넘는 묶음은 여러 번에 나눠 처리해야 하며, 큰 묶음은 휴대폰보다 컴퓨터가 더 여유 있게 다룹니다. 브라우저는 Safari 16.4 이상, 또는 최신 버전의 Chrome, Edge, Firefox가 필요합니다. 에셋은 기기 안에서 변환되며 업로드되지 않습니다. 오가는 통신을 직접 지켜보는 방법은 여기에 있습니다.