PNG는 화질 손실 없이 투명 배경까지 지원하는 범용 무손실 형식입니다. PNG는 대부분의 환경에서 열리지만 용도에 따라 WebP 같은 다른 형식이 더 알맞을 수 있습니다.
WebP는 JPG보다 작고 투명도·애니메이션까지 지원하는 웹용 형식입니다. PNG를 WebP로 바꾸면 파일 용량을 줄일 수 있으며 아래 비교에서 달라지는 점을 확인하세요.
이 변환기는 파일 내용을 읽어 PNG가 맞는지 확인한 뒤 브라우저 안에서 바로 WebP로 바꿔 줍니다. 이미지는 서버로 전송되지 않습니다.
PNG와 WebP, 무엇이 다른가요?
| 항목 | PNG | WebP |
|---|---|---|
| 압축 방식 | 무손실 압축 | 손실·무손실 모두 가능 |
| 투명 배경 | 지원 | 지원 |
| 애니메이션 | 미지원 | 지원 |
| 등장 시기 | 1996년 | 2010년 |
| 프로그램·업로드 폼 지원 | 거의 모든 곳 | 보통 |
| 브라우저 직접 표시 | 지원 | 지원 |
| 사진 용량(JPG=1) | 약 3배 | 약 0.7배 |
PNG란?
PNG(Portable Network Graphics)는 1996년 GIF의 특허 문제를 피하기 위해 만들어진 무손실 압축 형식입니다. 저장하고 다시 열어도 픽셀 값이 한 점도 바뀌지 않기 때문에, 편집을 여러 번 거치는 원본 작업물에 적합합니다.
WebP란?
WebP는 구글이 2010년 공개한 웹 전용 이미지 형식입니다. 같은 화질에서 JPG보다 대략 25~35% 작은 파일을 만들 수 있고, 손실·무손실 압축과 투명도, 애니메이션을 한 형식에서 모두 다룹니다.
PNG에서 WebP로 바꾸면 달라지는 점
손실 압축이 적용됩니다
PNG는 화질 손실이 없지만 WebP는 사람 눈에 덜 띄는 정보를 덜어내 용량을 줄입니다. PNG 원본과 나란히 놓아도 기본 품질 90에서는 구분하기 어렵고, 슬라이더로 용량과 화질을 직접 조절할 수 있습니다.
품질·크기·배경색을 조절할 수 있습니다
PNG에서 WebP로 바꿀 때 품질 슬라이더(기본 90)와 가로·세로 px 지정, 비율 리사이즈, 여백 채우기를 쓸 수 있습니다. PNG 원본은 무손실이라 품질을 80 안팎까지 낮춰도 대부분 자연스럽습니다. 용량이 중요하면 낮추고, 보관용이라면 95 이상으로 올리세요.
용량은 이렇게 달라집니다
WebP가 PNG보다 용량이 훨씬 작습니다(대략 4분의 1). 사진 기준이며 로고·스크린샷처럼 색이 단순한 이미지는 반대로 PNG가 더 작게 나오기도 합니다.
WebP는 PNG보다 지원 범위가 좁습니다
PNG는 거의 모든 곳 수준, WebP는 보통 수준의 지원을 받습니다. 받는 쪽이 WebP를 열 수 있는지 먼저 확인하고, 확실하지 않다면 JPG나 PNG가 안전합니다.
이럴 때 변환하세요
- 이메일 첨부나 업로드 용량 제한 때문에 PNG 파일 크기를 줄여야 할 때
- 웹페이지 로딩 속도를 높이려고 PNG 이미지를 더 가볍게 만들 때
- WebP의 대표적인 용도(웹사이트 이미지 최적화, 투명 배경 웹 그래픽)로 쓸 이미지를 준비할 때
PNG → WebP 실전 팁
Lighthouse 같은 웹사이트 속도 점검 도구가 이미지 형식이나 용량 개선을 권고했다면, PNG 사진을 WebP로 바꾸는 것이 가장 쉬운 개선입니다. 투명도도 그대로 유지됩니다.
로고처럼 색이 단순한 이미지는 품질을 낮추면 가장자리가 번질 수 있으니 85 이상으로 두고, 용량 변화를 결과 화면에서 확인하세요.