JPG WebP 변환하는 방법｜블로그 이미지 용량 줄이기
 |
| 이미지변환하기 |
JPG나 PNG 이미지의 용량이 크다면 WebP로 변환한 뒤 파일 크기가 얼마나 줄었는지 비교해볼 수 있습니다.
이번에는 이 글에 실제 사용할 PNG 이미지를 직접 WebP로 변환했습니다. 1.63MB였던 이미지가 71.0KB로 줄었고, 1536×1024px의 이미지 크기는 그대로 유지됐습니다.
프로그램을 따로 설치하지 않고 JPG·PNG 이미지를 WebP로 변환하는 방법과 실제 결과를 순서대로 정리합니다.
JPG·PNG를 WebP로 변환하는 방법
이미지를 선택하고 품질을 설정한 뒤 WebP로 변환하면 됩니다.
이번 테스트에는 제가 만든 이미지 변환 도구인 바꾸밍을 사용했습니다. 회원가입이나 별도의 프로그램 설치 없이 웹브라우저에서 이용할 수 있습니다.
변환 방법은 간단합니다.
- JPG/PNG → WebP 변환기를 엽니다.
- 변환할 JPG 또는 PNG 이미지를 선택합니다.
- 이미지 품질을 설정합니다.
- 필요한 경우 이미지 크기를 조정합니다.
- 변환하기를 누릅니다.
- 변환이 끝나면 WebP 파일을 저장합니다.
직접 변환해보니 1.63MB가 71KB로 줄었습니다
이번 테스트에서는 PNG 이미지가 1.63MB에서 WebP 71.0KB로 줄었습니다.
테스트에는 이 글의 대표 이미지로 사용할 블로그 이미지 변환하기 이미지를 직접 사용했습니다.
원본은 PNG 형식, 1536×1024px, 1.63MB였고 WebP 변환 품질은 85%로 설정했습니다.
| 구분 | 변환 전 | 변환 후 |
|---|---|---|
| 파일 형식 | PNG | WebP |
| 파일 용량 | 1.63MB | 71.0KB |
| 이미지 크기 | 1536×1024px | 1536×1024px |
| 품질 설정 | - | 85% |
| 파일 크기 감소 | - | 약 95.7% |
.png)
변환결과
이번 이미지에서는 약 95.7%의 파일 크기 감소가 확인됐지만 모든 이미지가 같은 비율로 줄어드는 것은 아닙니다.
원본 이미지의 형식과 압축 상태, 이미지 내용, 변환 품질 등에 따라 결과는 달라질 수 있습니다. 따라서 변환 후에는 파일 용량과 실제 화질을 함께 확인하는 것이 좋습니다.
블로그 이미지를 WebP로 변환하는 이유
WebP는 블로그나 웹사이트에서 이미지 파일 크기를 줄이는 데 활용할 수 있는 이미지 형식입니다.
블로그 글에 고해상도 이미지를 여러 장 사용하면 방문자가 페이지를 열 때 불러와야 하는 이미지 데이터도 커질 수 있습니다.
특히 실제 블로그 화면에 표시되는 크기보다 원본 이미지가 지나치게 크다면 이미지 크기를 조정하고 WebP로 변환하는 방법을 고려할 수 있습니다.
다만 JPG나 PNG를 WebP로 변환한다고 항상 파일 용량이 줄어드는 것은 아닙니다.
이미 충분히 압축된 이미지라면 차이가 크지 않을 수 있으므로 변환 전후의 파일 크기를 직접 확인하는 것이 가장 정확합니다.
AI로 만든 블로그 이미지도 WebP로 변환할 수 있나요?
AI로 만든 이미지를 JPG나 PNG로 저장했다면 WebP로 변환해 블로그에 사용할 수 있습니다.
AI로 이미지를 만든 뒤 바로 업로드하기보다는 먼저 파일 형식과 이미지 크기, 용량을 확인해보는 것이 좋습니다.
파일이 너무 크다면 필요한 크기로 조정하거나 WebP로 변환할 수 있습니다.
블로그 이미지는 다음 순서로 관리하면 편합니다.
이미지 만들기 → 파일 크기 확인 → 필요하면 크기 조정 → WebP 변환 → 화질·용량 확인 → 블로그 업로드
원본 JPG나 PNG는 별도로 보관하고 블로그에 올릴 이미지 파일만 WebP로 만들어두는 방법도 있습니다.
JPG와 WebP는 무엇이 다른가요?
JPG는 호환성이 높은 이미지 형식이고, WebP는 웹에서 이미지를 효율적으로 제공하는 데 활용할 수 있는 이미지 형식입니다.
따라서 가지고 있는 모든 JPG 이미지를 WebP로 바꿀 필요는 없습니다.
원본은 JPG나 PNG로 보관하고 블로그나 웹사이트에 사용할 이미지의 용량이 클 때 WebP 변환을 고려하면 됩니다.
온라인 이미지 변환은 파일 처리 방식도 확인하세요
개인 사진이나 중요한 이미지를 변환한다면 파일이 어디에서 처리되는지 확인하는 것이 좋습니다.
바꾸밍은 선택한 이미지가 서버로 전송되지 않고 사용 중인 브라우저 안에서 처리되는 방식으로 만들었습니다.
회원가입이나 별도의 프로그램 설치도 필요하지 않습니다.
특히 개인 사진이나 직접 제작한 이미지처럼 외부 전송이 신경 쓰이는 파일이라면 온라인 변환 서비스를 이용하기 전에 파일 처리 방식을 확인해보는 것이 좋습니다.
WebP 변환 후에는 화질과 용량을 함께 확인하세요
파일 크기만 보지 말고 실제 이미지 화질도 함께 확인하는 것이 좋습니다.
먼저 원본 이미지와 변환된 WebP 이미지를 비교합니다. 글자나 작은 요소가 지나치게 흐려지지는 않았는지 살펴보세요.
화질에 문제가 없다면 파일 크기를 비교합니다.
파일이 여전히 크다면 이미지 크기나 품질을 다시 조정할 수 있습니다. 반대로 용량을 지나치게 줄여 이미지가 흐려졌다면 품질을 높여 다시 변환하면 됩니다.
자주 묻는 질문
PNG도 WebP로 변환할 수 있나요?
PNG도 WebP로 변환할 수 있습니다.
바꾸밍의 JPG/PNG → WebP 변환기에서는 JPG·JPEG·PNG 이미지를 WebP로 변환할 수 있습니다.
WebP로 변환하면 화질이 떨어지나요?
변환할 때 선택한 품질 설정에 따라 원본 이미지와 차이가 생길 수 있습니다.
파일 용량을 최대한 줄이는 것만 목표로 하기보다 실제 블로그에서 이미지가 어떻게 보이는지 확인하면서 품질을 조정하는 것이 좋습니다.
WebP로 바꾸면 항상 파일 용량이 줄어드나요?
항상 줄어드는 것은 아닙니다.
원본 이미지의 형식과 압축 상태, 이미지 크기, 변환 품질 등에 따라 결과가 달라집니다.
이번 테스트에서는 1.63MB가 71.0KB로 줄었지만 다른 이미지에서도 같은 감소율이 나오는 것은 아닙니다.
스마트폰에서도 WebP로 변환할 수 있나요?
바꾸밍은 스마트폰 웹브라우저에서도 이용할 수 있습니다.
변환할 이미지를 선택하고 WebP로 변환한 뒤 결과 파일을 저장하면 됩니다.
블로그 이미지가 크다면 직접 변환해서 비교해보세요
이번 테스트에서는 1.63MB PNG 이미지가 WebP 변환 후 71.0KB로 줄었습니다.
이미지 크기는 1536×1024px로 유지했고 WebP 품질은 85%로 설정했습니다.
다만 이미지마다 변환 결과가 다르므로 파일 용량만 보고 판단하기보다 변환 후 화질까지 함께 확인하는 것이 좋습니다.
프로그램을 설치하지 않고 직접 변환하려면 아래에서 이용할 수 있습니다.
댓글
댓글 쓰기