PNG를 WebP로 변환하는 방법: 이미지 크기를 30% 이상 줄이기

웹사이트가 느리게 로딩됩니다. Google PageSpeed가 경고를 보내고 있습니다. 문제의 절반은 이미지입니다. 그리고 대부분이 너무 큰 PNG 파일입니다.

PNG는 화질이 좋습니다. 하지만 페이지 속도에는 최악입니다. PNG 하나가 1-2 MB에 달하기도 합니다. 페이지에 이미지 10개면 10-15 MB입니다. 방문자들은 기다립니다. 많은 사람이 떠납니다.

WebP가 이 문제를 해결합니다. PNG WebP 변환을 하면 같은 화질을 유지하면서 크기를 30% 이상 줄일 수 있습니다. 투명도도 지원됩니다.

WebP 파일은 PNG보다 얼마나 작을까?

절약 효과는 실제적이고 일관적입니다. 일반적인 변환 결과를 보세요:

이미지 유형	PNG 크기	WebP 크기	절약
제품 사진 (투명 없음)	1.5 MB	180 KB	88%
투명 로고	80 KB	22 KB	73%
스크린샷	400 KB	120 KB	70%
아이콘 세트 스프라이트	200 KB	55 KB	73%
인포그래픽	900 KB	250 KB	72%

가장 큰 절약은 PNG로 저장된 사진에서 나옵니다. 이것은 웹에서 가장 흔한 실수 중 하나입니다. 사진은 절대 PNG가 되면 안 됩니다. WebP, AVIF, 또는 최소한 JPG여야 합니다. 투명도가 필요 없다면 PNG를 JPG로 변환해서 호환성을 확보할 수도 있습니다. PNG 형식의 사진은 필요한 것보다 5-10배 더 큽니다.

정말 PNG가 필요한 이미지(투명 그래픽, 아이콘, 스크린샷)도 WebP로 변환하면 투명도를 유지하면서 25-35% 더 작아집니다.

WebP는 PNG처럼 투명도를 지원할까?

네. 이것은 WebP에서 가장 중요한 점 중 하나입니다. 투명도와 작은 파일 크기 사이에서 선택할 필요가 없습니다.

WebP는 완전한 알파 채널 투명도를 지원합니다. 완전 투명 영역, 부분 투명 영역, 부드러운 안티앨리어싱 가장자리. PNG에서 되는 것은 모두 WebP에서도 됩니다.

차이는 크기입니다. 80 KB의 투명 PNG 로고가 20 KB의 투명 WebP가 됩니다. 같은 로고. 같은 투명도. 데이터 75% 감소.

이것은 투명 이미지가 많은 웹사이트에 중요합니다. 제품 누끼 사진이 있는 쇼핑몰. 커스텀 아이콘과 UI 요소가 있는 사이트. 이미지가 배경 위에 떠 있는 모든 페이지.

WebP는 모든 브라우저에서 작동할까?

네, 실용적으로는 그렇습니다. WebP는 Chrome, Firefox, Safari, Edge, Opera에서 지원됩니다. 전 세계 웹 사용자의 97% 이상을 커버합니다.

Safari는 2020년에 WebP 지원을 추가했습니다. 마지막 주요 미지원 브라우저였습니다. 그 이후로 WebP는 어디서든 안전하게 사용할 수 있습니다.

WebP를 볼 수 없는 유일한 사용자는 아주 오래된 브라우저를 쓰는 사람들입니다. Internet Explorer는 지원하지 않습니다. 2020년 이전 브라우저도 마찬가지입니다. 이런 사용자가 대상에 포함된다면 HTML <picture> 요소로 폴백을 설정할 수 있습니다. 최신 브라우저에는 WebP를, 오래된 브라우저에는 PNG를 제공하세요.

2026년 대부분의 웹사이트에서는 폴백 없이 WebP를 사용해도 됩니다. 지원하지 않는 브라우저 점유율은 3% 미만입니다.

PNG WebP 변환은 어떻게 할까?

ConvertIMG는 브라우저에서 바로 PNG WebP 변환을 해줍니다. PNG 파일을 끌어다 놓고, WebP를 선택하고, 화질을 설정하고 다운로드하세요. 서버 업로드 없음. 가입 없음. 파일은 여러분의 기기에 남습니다.

WebP에서는 화질 설정이 중요합니다. 권장 설정은 다음과 같습니다:

90-95% 화질이 중요한 이미지용. 포트폴리오 작업, 히어로 이미지, 제품 클로즈업. 파일은 여전히 PNG보다 훨씬 작습니다.

80-85% 일반 웹 이미지용. 이것이 최적의 설정입니다. 95%와의 화질 차이는 일반 시청 거리에서 보이지 않습니다. 파일 크기가 크게 줄어듭니다.

70-75% 섬네일, 배경 이미지, 장식용 그래픽용. 작은 크기나 텍스트 뒤에서는 높은 화질이 낭비입니다. 바이트를 절약하세요.

무손실 모드 픽셀 단위로 완벽한 WebP가 필요할 때. 로고, 아이콘, 기술 다이어그램을 무손실 WebP로 변환할 수 있습니다. 파일은 여전히 PNG보다 25-30% 작고, 화질 손실은 제로입니다.

모든 PNG를 WebP로 바꿔야 할까?

웹 배포용이라면, 네. 2026년에 웹사이트에서 PNG 파일을 제공할 이유는 거의 없습니다. WebP는 같은 화질에 크기는 일부에 불과합니다. 페이지 로딩이 빨라집니다. 호스팅 비용이 줄어듭니다. 검색 순위가 올라갑니다.

몇 가지 예외가 있습니다:

파비콘. 일부 브라우저는 여전히 PNG 파비콘을 기대합니다. 이것은 PNG로 유지하세요.

소셜 미디어 미리보기 이미지. Open Graph와 Twitter Card 이미지는 PNG나 JPG가 더 나을 때가 있습니다. 모든 소셜 미디어 크롤러가 WebP를 완벽하게 처리하지는 않습니다.

편집용 원본 파일. 원본 PNG 파일은 프로젝트 에셋에 보관하세요. WebP는 배포 버전에만 사용하세요. 나중에 이미지를 편집해야 한다면 PNG 원본에서 시작하세요.

나머지는 모두 WebP로 변환하세요. 전환은 간단합니다. 각 PNG를 WebP 버전으로 교체하고 HTML img 태그를 업데이트하면 됩니다.

WordPress 같은 CMS를 사용한다면, 많은 플러그인이 업로드된 이미지의 WebP 버전을 자동으로 제공할 수 있습니다. 콘텐츠를 바꿀 필요도 없습니다.

WebP 대신 AVIF를 쓰는 건 어떨까?

AVIF는 WebP보다 한 단계 더 나갑니다. 같은 화질에서 WebP보다 20-30% 더 작은 파일을 만듭니다. 최고의 압축률을 원한다면 AVIF가 승자입니다.

하지만 WebP는 AVIF에 비해 두 가지 장점이 있습니다:

더 넓은 지원. WebP는 97% 이상의 브라우저에서 작동합니다. AVIF는 약 93%입니다. 차이는 작지만 존재합니다.

더 빠른 인코딩. PNG WebP 변환이 AVIF 변환보다 빠릅니다. 대량 작업에서 속도 차이가 중요합니다.

웹사이트의 이상적인 구성: AVIF를 먼저 제공하고, WebP를 폴백으로, PNG(또는 JPG)를 마지막 수단으로 사용합니다. 하지만 하나의 포맷을 골라야 한다면 WebP가 가장 안전한 선택입니다. 거의 모든 곳에서 지원되고 PNG 대비 엄청난 절약을 제공합니다.

각 포맷의 특징과 활용법에 대해서는 이미지 포맷 선택 가이드에서 자세히 확인할 수 있습니다.

PNG를 줄일 준비가 됐나요?

부풀어진 PNG 파일을 웹사이트에서 제공하는 것을 그만두세요. ConvertIMG는 PNG를 WebP로 몇 초 만에 변환합니다. 무료, 비공개, 브라우저에서 작동합니다. 파일을 끌어다 놓고 이미지 크기가 줄어드는 것을 확인하세요. 더 작은 파일을 원하시나요? 변환 후 WebP 파일을 추가 압축하세요.