한눈에 보는 정의
구글이 만든 웹용 이미지 형식. 같은 화질에서 JPG·PNG보다 파일이 작고 투명 배경과 움직이는 이미지도 지원한다.
이런 말로 들어요
- 상세페이지 이미지를 WebP로 바꿔서 용량을 줄였어요.
- 원본은 JPG로 보관하고 홈페이지에는 WebP로 올리겠습니다.
그림으로 보기
구글은 같은 화질 기준으로 손실 WebP가 JPG보다 25~34%, 무손실 WebP가 PNG보다 26% 작다고 안내합니다. 실제 절감량은 이미지마다 다릅니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
WebP는 사진(손실 압축)과 로고·그림(무손실 압축)을 모두 담을 수 있는 형식입니다. 구글은 같은 화질 기준으로 손실 WebP가 JPG보다 25~34%, 무손실 WebP가 PNG보다 26% 작다고 안내합니다. 이미지가 작아지면 페이지가 빨리 뜨고 모바일 데이터도 덜 씁니다. 지금의 주요 브라우저는 대부분 WebP를 보여 줍니다.
실무 예시
예를 들어 메인 배너 사진 원본이 3MB짜리 JPG라면, 화면 폭에 맞게 크기를 줄인 뒤 WebP로 저장해 수백 KB 수준으로 낮추고, 원본은 따로 보관합니다.
함께 살펴볼 점
형식만 바꾸고 가로세로 크기를 그대로 두면 효과가 작습니다. 화면에 보이는 크기에 맞춰 줄인 뒤 변환하고, 변환할 때마다 화질이 깨지지 않았는지 눈으로 확인합니다.
AI에게 이렇게 요청해 보세요
홈페이지 images 폴더의 JPG·PNG를 화면 표시 크기에 맞게 줄인 뒤 WebP로 변환하는 방법을 알려 줘. 원본은 지우지 말고 따로 보관해 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- WebP - Google for Developers 새 창
무손실 WebP가 PNG보다 26%, 손실 WebP가 같은 화질의 JPG보다 25~34% 작다는 설명과 투명 배경 지원을 확인했습니다.
자료 확인 - Image file type and format guide - MDN 새 창
WebP와 AVIF 등 웹 이미지 형식의 특징을 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정