이미지를 WebP 형식으로 변환하는 방법

JPG·PNG 이미지는 PhotoScape X의 일괄 저장이나 브라우저용 변환기로 WebP 파일을 만들 수 있습니다. 원본을 보관하고, 표시할 크기와 압축 품질을 정한 뒤 변환 결과의 선명도·용량·투명도를 확인하세요. 파일 이름의 확장자만 .webp로 바꾸는 것은 형식 변환이 아닙니다.

WebP로 바꾸면 무엇이 달라지나요?

WebP는 웹에서 사용하는 이미지 형식으로, 일부 정보를 줄여 용량을 낮추는 손실 압축과 픽셀 정보를 보존하는 무손실 압축을 지원합니다. 투명 배경도 표현할 수 있습니다. 사진과 설명용 이미지를 더 작은 파일로 제공할 때 유용하지만, 모든 이미지가 항상 작아지는 것은 아닙니다. 이미 강하게 압축한 JPG를 높은 품질이나 무손실로 다시 저장하면 오히려 커질 수 있습니다. 자세한 원리는 Google의 WebP FAQ에서 확인할 수 있습니다.

가로·세로 픽셀을 줄이는 크기 조정, 같은 형식 안에서 용량을 줄이는 압축, JPG·PNG를 WebP로 바꾸는 형식 변환은 구분하세요. 가로 5,000픽셀 사진을 작은 본문에 넣는다면 형식만 바꾸기보다 필요한 크기도 함께 검토하는 편이 좋습니다. 다만 확대해서 읽어야 하는 화면 캡처까지 지나치게 줄이면 글자가 흐려집니다.

변환 전에 원본과 저장 위치를 준비하세요

• 원본 보관: 원본 폴더와 변환본 폴더를 나누고 덮어쓰지 않습니다. 손실 압축한 파일을 다시 PNG로 바꿔도 사라진 세부 정보가 복원되지는 않습니다.
• 목적 확인: 사진인지, 작은 글자가 있는 캡처인지, 투명 배경 이미지인지 구분합니다. 애니메이션은 일반 정지 이미지 변환 과정에서 움직임이 사라질 수 있으므로 별도 지원을 확인합니다.
• 크기 결정: 게시할 본문 폭과 확대 보기 필요성을 기준으로 정합니다. 여러 장을 일괄 처리하기 전에 한 장으로 결과를 확인합니다.
• 저장 확인: 파일 속성의 실제 형식, 픽셀 크기와 용량을 확인할 수 있게 준비합니다. 윈도우 탐색기에서는 파일 이름 확장명을 표시해 이중 확장자도 확인하세요.

PhotoScape X에서 여러 장을 WebP로 저장하기

윈도우에서는 Microsoft Store의 PhotoScape X에서 게시자 Mooii Tech를 확인해 설치합니다. 기본판과 Pro·앱 내 구입을 구분하고 실제 기기의 스토어 요구 사항을 확인하세요. 아래는 기존 한국어 화면을 기준으로 한 일괄 저장 흐름이며, 운영체제와 앱 버전에 따라 메뉴 위치는 다를 수 있습니다.

1. PhotoScape X를 실행하고 위쪽의 일괄 편집을 선택합니다.
2. 왼쪽에서 이미지 폴더를 열고 변환할 파일을 작업 영역으로 끌어옵니다. 먼저 한 장을 선택해 크기 조정이나 필터가 의도치 않게 켜져 있지 않은지 확인합니다.
3. 필요한 크기 조정을 적용한 뒤 오른쪽 아래의 저장을 누릅니다.

4. 저장 창의 이미지 포맷을 WEBP로 바꾸고, WEBP 저장 품질을 설정합니다. JPEG 저장 품질 탭과 혼동하지 마세요.
5. 원본과 다른 하위 폴더나 지정 폴더를 선택합니다. 파일 이름 규칙과 중복 파일 처리도 확인합니다.
6. 공개할 사진이라면 메타데이터 보존 옵션도 검토합니다. EXIF·GPS 등에 촬영 정보나 위치가 들어 있을 수 있습니다. 색상 정보 보존 필요성도 있으므로 제거 후 색감이 달라지지 않는지 봅니다.
7. 확인을 눌러 저장한 뒤 결과 폴더에서 파일을 열어 확인합니다. 정상 결과가 확인되면 나머지 파일을 같은 조건으로 처리합니다.

설치 없이 온라인 변환기를 사용하는 방법

JB FACTORY WebP 변환기는 PNG·JPG·JPEG·BMP를 선택해 품질을 조절하고 개별 파일이나 ZIP으로 받을 수 있는 도구입니다. 해당 도구는 이미지 변환을 브라우저 안에서 처리한다고 안내합니다. 온라인 변환 서비스마다 처리 방식과 보관 정책이 다르므로 다른 사이트에도 같은 설명을 적용하면 안 됩니다.

1. 변환기 페이지를 열고 입력 파일 영역을 누르거나 파일을 끌어옵니다. 여러 장을 선택할 수 있지만 큰 사진은 한 장부터 시험합니다.
2. 품질 슬라이더를 조절합니다. 일반 사진은 80~85 정도를 출발점으로 삼고 결과를 보며 조정할 수 있습니다. 이것은 고정 정답이 아닙니다.
3. 변환 시작을 누르고 완료될 때까지 기다립니다. 변환 중 탭을 닫거나 새로 고치지 마세요.
4. 결과 파일을 개별로 내려받거나 전체 다운로드(ZIP)으로 저장합니다. ZIP은 압축을 푼 뒤 WebP 파일을 열어 확인합니다.

파일이 클수록 기기의 메모리와 처리 시간이 더 필요할 수 있습니다. 브라우저가 멈추면 파일 수를 줄여 다시 시도하거나 데스크톱 앱을 이용하세요. 민감한 자료는 도구의 처리 방식·정책을 먼저 확인하고, 필요하면 네트워크 전송이 없는 로컬 작업을 선택합니다.

품질 숫자보다 실제 용도에 맞춰 선택하세요

품질 80은 ‘원본 정보의 80% 보존’을 뜻하지 않습니다. 도구와 압축 방식마다 숫자의 의미와 결과가 다릅니다. 사진은 80~85에서 시작해 머리카락·나뭇잎·그라데이션 같은 부분을 비교하고, 작은 글자·표·도식은 더 높은 품질이나 무손실을 검토하세요. 모든 캡처를 낮은 품질로 저장하면 글자 가장자리와 색 경계가 손상될 수 있습니다.

품질 100도 모든 도구에서 무손실을 뜻하지 않습니다. Google의 cwebp 안내도 손실 품질 설정과 무손실 모드를 구분합니다. 무손실이 필요하면 도구에 해당 옵션이 있는지 확인하고, 숫자만 올려 같은 효과라고 판단하지 마세요.

아래 표는 이 글에 첨부되어 있던 같은 1,672×941픽셀 예제 파일의 실제 크기와 형식을 확인한 결과입니다. 1KiB는 1,024바이트입니다. 새로 동일 설정을 재현한 실험이 아니며, 파일명에 기록된 품질 값과 실제 파일의 압축 형식을 함께 구분했습니다.

이 예에서는 압축 방식도 달라 용량 차이가 큽니다. 숫자 100에서 90으로 낮추면 모든 이미지가 이런 비율로 작아진다는 뜻은 아닙니다. 원본 PNG, 무손실 WebP, 90 표기 WebP를 열어 아래 80 표기 파일과 비교할 수 있습니다.

이미지 전체를 화면에 맞춰 축소하면 손상이 덜 보일 수 있습니다. 실제 게시 크기와 100% 확대를 모두 확인하고, 더 작아진 파일 중에서 용도에 충분히 선명한 것을 고르세요. 흐릿하면 원본으로 돌아가 품질이나 크기를 다시 정합니다. 이미 손상된 변환본을 계속 재압축하지 않는 편이 좋습니다.

변환 후 블로그에서 확인할 사항

1. 파일: 실제 형식이 WebP인지, 크기와 방향이 맞는지 확인합니다. 확장자만 바뀐 파일이나 열리지 않는 파일은 다시 내보냅니다.
2. 화질: 글자·윤곽·사진 세부와 색감을 비교합니다. 투명 이미지는 밝은 배경과 어두운 배경 위에서 가장자리를 확인합니다.
3. 업로드: 워드프레스 미디어 라이브러리에 올려 미리보기와 생성된 크기별 이미지가 정상인지 봅니다. 지원 여부는 버전·브라우저·서버의 이미지 처리 경로에 따라 확인해야 합니다. 업로드가 실패하면 도구 → 사이트 건강의 미디어 정보를 확인하고 호스팅에 문의할 수 있습니다.
4. 실제 페이지: 데스크톱과 모바일에서 이미지가 올바르게 보이는지 확인합니다. 기존 파일을 교체했다면 캐시를 비우고, 개발자 도구의 Network에서 실제 내려오는 이미지 형식과 크기도 볼 수 있습니다.

WordPress는 5.8부터 WebP 사용을 지원하며, 7.1의 지원 브라우저에서는 클라이언트 이미지 처리도 사용합니다. 서버 처리만을 쓰는 환경과 조건이 같다고 가정하지 말고 실제 업로드와 썸네일을 확인하세요. 여러 이미지의 자동 변환과 크기별 파일 관리가 필요하면 워드프레스 이미지 최적화 플러그인 비교도 도움이 됩니다.