이미지 WebP 변환하는 법: 화질과 용량 맞추기

본문 이미지는 실제 화면에서 필요한 폭보다 지나치게 크게 저장할 필요가 없습니다.

데스크톱과 모바일에서 쓰일 최대 폭을 기준으로 가로 픽셀을 정합니다.

사진은 80% 전후부터 시작하고 글자나 선이 많은 이미지는 조금 높게 설정합니다.

같은 장면을 두세 단계로 내려받아 확대했을 때 차이가 보이는지 비교합니다.

WebP는 투명 배경을 지원하지만 편집 프로그램이나 오래된 업무 시스템은 지원하지 않을 수 있습니다.

제출처가 JPG 또는 PNG만 요구하면 해당 포맷을 사용해야 합니다.

블로그 본문 사진은 가로 1200~1600px, 화질 80%를 시작점으로 비교할 수 있습니다. 작은 썸네일은 실제 표시 크기의 약 두 배 정도로 만들면 고밀도 화면에서도 선명함을 유지하면서 과도한 원본 크기를 줄일 수 있습니다.

로고, UI 캡처, 작은 글자가 많은 화면은 사진보다 압축 흔적이 눈에 잘 띕니다. 이 경우 화질을 90% 이상으로 높이거나 PNG와 결과 용량을 비교해 더 적합한 포맷을 선택합니다.

원본과 결과의 파일 크기뿐 아니라 픽셀 크기도 함께 기록합니다. 예를 들어 4032×3024 JPG 4.8MB가 1600×1200 WebP 420KB가 됐다면 포맷 변경과 리사이즈가 모두 용량 감소에 기여한 것입니다.

확대 화면만 보고 판단하면 실제 게시 크기에서 차이를 과대평가할 수 있습니다. 최종 사용 화면에 올려 로딩 속도와 글자 선명도를 확인한 뒤 원본은 별도로 보관합니다.