PNG WebP 변환

PNG 이미지를 WebP로 무료 변환. 가입·업로드 없이 브라우저에서 바로.

PNG를 WebP로 바꾸면 투명도가 유지되고 보통 파일이 작아지지만, 어떤 WebP로 저장하느냐가 중요합니다. 기본 화질 92에서는 손실 WebP가 되어 512 × 512 사진이 791,555바이트에서 59,824바이트가 됐습니다. 화질 100이면 Chromium이 PNG와 픽셀까지 같은 무손실 WebP를 쓰며 같은 사진이 379,076바이트였습니다. 도트 그림에는 손실 WebP가 맞지 않습니다. Kenney 스프라이트 시트에서는 픽셀 절반이 바뀌고 8,692바이트가 됐는데, 무손실은 2,814바이트, 원래 최적화된 PNG는 1,996바이트였습니다.

이미지을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다

업로드 없음 · 이 기기에서 처리

게임을 만들고 있나요?

Nerulio는 무엇보다 2D 게임 에셋 스튜디오입니다. 도트를 그리고, 스프라이트 시트를 애니메이션으로 자르고, 텍스처 아틀라스를 패킹하고, 오토타일 타일셋을 점검해 Godot·Unity·Phaser 등 엔진용으로 내보냅니다. 브라우저에서 동작하며 파일은 기기 밖으로 나가지 않습니다.

게임 스튜디오 열기 →게임 도구 전체 스프라이트 시트 자르기 도트 에디터 노멀·텍스처 맵

확장자는 하나, 인코더는 둘

손실 WebP는 VP8 영상 코덱을 바탕으로 하며 색 정보를 절반 해상도(Y′CbCr 4:2:0)로 저장합니다. 무손실 WebP는 정확한 ARGB를 저장하고 픽셀 예측과 반복 데이터 재사용으로 압축합니다. 둘 다 알파 채널이 있어 투명 PNG는 어느 쪽이든 투명하게 남습니다.

어느 인코더를 쓸지는 브라우저가 전달받은 화질로 정합니다. Chromium 153에서는 화질 100이 모든 픽셀이 같은 무손실 파일을, 그보다 낮은 값은 손실 파일을 만들었습니다. 슬라이더 기본값이 92이므로 UI·글자·도트 그림은 100으로 옮기세요.

손실 WebP는 색 채널에서 선명한 픽셀 경계를 망가뜨립니다. Kenney 시트에서 최대 오차는 255 중 108이었고 알파는 정확히 유지됐습니다. 이런 파일에는 알파를 아예 버리는 JPG가 더 나쁩니다.

손실 WebP: VP8 기반, 색은 절반 해상도. 사진을 작게 저장합니다.
무손실 WebP: 정확한 ARGB 픽셀. Chromium에서는 화질 100일 때 만들어집니다.
크로마 서브샘플링 4:2:0: 색을 픽셀마다가 아니라 2 × 2 블록마다 저장하는 방식. 한 픽셀짜리 색 디테일이 번집니다.

사진과 스프라이트 시트를 WebP로(실측)

2026-09-28 Chromium 153에서 Nerulio 변환 코드로 측정했습니다.

사진: astronaut.png   512 x 512    791,555 바이트
  WebP q92  (손실)       59,824 바이트   SSIM 0.9883
  WebP q100 (무손실)    379,076 바이트   픽셀 동일

도트 그림: Kenney characters   224 x 74    1,996 바이트
  WebP q92  (손실)        8,692 바이트   8,481픽셀 변경, 최대 오차 108/255
  WebP q100 (무손실)      2,814 바이트   픽셀 동일

화질 100에서 유일한 작은 예외는 부드러운 가장자리입니다. Kenney UI 버튼에서는 12,288픽셀 중 26개가 최대 4/255 달랐습니다(이 버튼에는 반투명 가장자리 픽셀이 38개 있고, 브라우저는 여기서 premultiplied 알파를 반올림합니다). 나머지는 모두 정확히 같았습니다.

WebP에 남는 것

PNG에 있던 것	변환기가 하는 일	WebP에서는
RGB 픽셀	화질 100 미만: 손실 VP8, 100: 무손실(Chromium)	근사 또는 동일한 픽셀
알파 채널	유지	알파 유지(두 측정 모두 정확)
색상 프로필	브라우저 sRGB 캔버스에 그림	Chromium이 sRGB `ICCP` 청크를 기록
텍스트 청크·EXIF	복사하지 않음	없음
APNG 애니메이션	거부	—

결과 확인

WebP를 어두운 배경과 밝은 배경에 각각 올려 보세요. 투명한 부분이 PNG와 똑같이 보여야 합니다.
그래픽이라면 선명한 경계를 400%로 확대하세요. 색 얼룩이 보이면 손실 파일이니 화질 100으로 다시 변환하세요.
받는 곳이 WebP를 지원하는지 확인하세요. 최신 브라우저는 지원하지만 일부 업로드 양식과 오래된 앱은 지원하지 않습니다.

문제 해결

증상	유력한 원인	확인 방법	해결
도트 그림이 흐리거나 색 점이 생김	기본 화질 92로 손실 WebP가 저장됐습니다	한 픽셀짜리 디테일을 확대	고급 설정에서 화질을 100으로 하고 다시 변환하세요(Chromium에서 무손실)
WebP가 PNG보다 큼	이미 최적화된 작은 PNG(인덱스 색상)라 무손실 WebP도 이기지 못했습니다	Kenney 시트: PNG 1,996바이트 대 WebP 2,814바이트	PNG를 그대로 쓰세요
업로드 양식이 .webp를 거부	그 사이트는 JPG와 PNG만 받습니다	지원 형식 목록 확인	PNG를 유지하거나 사진이면 PNG → JPG를 쓰세요
다른 브라우저에서 "무손실" WebP가 다름	측정은 Chromium에서만 했습니다. 다른 브라우저는 화질 100을 다르게 처리할 수 있습니다	편집기에서 PNG와 픽셀 비교	픽셀이 정확해야 하는 곳에는 PNG를 쓰세요

다른 방법

방법	이럴 때 더 낫습니다
PNG 그대로 쓰기	이미 PNG로 최적화된 도트 그림·아이콘. Kenney 시트는 PNG일 때 가장 작았습니다.
자동 형식으로 압축	형식과 상관없이 유사도 기준을 넘는 가장 작은 파일이 필요할 때.
나중에 WebP → PNG	웹용 사본만 WebP가 필요할 때. PNG 원본을 보관하고 도구가 PNG를 요구하면 다시 바꾸세요.

이 방법의 한계

화질 100에서 무손실로 바뀌는 동작은 Chromium 153에서만 측정했습니다.
텍스트 청크와 EXIF는 복사되지 않고 움직이는 PNG는 거부합니다.

버전과 출처

2026-09-28 Playwright Chromium 153에서 Nerulio 변환 경로로 우주비행사 사진과 Kenney CC0 파일 두 개(pixel-platformer-characters.png, kenney-blue-button.png)를 측정했습니다. WebP의 손실·무손실 방식과 4:2:0 색 저장은 MDN 설명을 따랐습니다.

참고한 공식 문서

MDN: 이미지 파일 형식 가이드

PNG WebP 변환

PNG는 무손실이고 투명 배경을 지원해 로고·스크린샷·그래픽에 적합하지만 사진은 용량이 큽니다.

WebP는 같은 화질에서 JPG·PNG보다 대체로 작고 투명 배경도 지원하는 웹용 형식입니다.

파일은 서버로 업로드되지 않고 이 브라우저 안에서만 처리됩니다.

예제

이 도구로 만든 예제입니다. ZIP 도구는 미리보기를 표시하며 전체 파일은 내려받은 압축 파일에서 확인하세요.

이미지 형식 변환

PNG · JPG · WebP로 저장. JPG는 투명 배경을 합칩니다.

사용 방법

이미지 열기
PNG·JPG·WebP 중 선택
변환 후 새 파일 다운로드

지원 형식

PNG / JPG / WebP / AVIF / HEIC → PNG / JPG / WebP — 입력·출력 지원은 브라우저에 따라 다릅니다. 움직이는 입력은 거부합니다. 먼저 정지 프레임을 선택하세요.

이 도구로 할 수 있는 일

확장자만 바꾸지 않고 선택한 형식으로 다시 인코딩합니다.

처리 방식과 검증 수준

advanced · browser image codecs. 품질 검증을 진행 중입니다. Pro·Flagship 수준은 아직 입증되지 않았습니다.

저장 전에 확인하세요

JPG는 투명도를 지원하지 않습니다. 메타데이터·색상 프로필·애니메이션 보존도 보장하지 않습니다.

자주 묻는 질문

투명 배경을 유지하려면 어떤 형식이 좋나요?

PNG 또는 WebP를 선택하세요. JPG는 선택한 배경색으로 투명 영역을 채웁니다.

파일이 서버에 업로드되나요?

이 도구에서 연 파일은 서버에 업로드하지 않고 사용자 기기에서 처리합니다. 커뮤니티 글에 직접 첨부하는 이미지는 별도로 업로드됩니다. 일부 엔진과 모델은 외부에서 내려받으므로 IP 주소 등 연결 정보가 해당 서비스에 전달됩니다.

작업이 자동 저장되나요?

아니요. 이미지와 편집 상태는 이 탭에 있고 미디어 결과는 기기 내 임시 저장소를 사용할 수 있습니다. 언어를 바꿔도 작업은 유지되지만 새로고침, 탭 닫기, 다른 페이지로 이동하면 사라질 수 있습니다.