전용 AI 이미지
앰버 유리·브러시드 금속·리넨·테라코타 정물. 다른 사례의 소재를 가져오지 않았습니다.
IMAGE DELIVERY / ENGINEERING STUDY
디테일은 남기고,
용량은 덜어내다.
유리·금속·패브릭을 담은 AI 정물.
같은 이미지가 얼마나 가벼워지는지 직접 확인하세요.
90.87%같은 해상도에서
줄어든 파일 용량
줄어든 파일 용량
1536 × 1024 px · PNG → WebP · 실제 파일 기준
01 / Problem
전송해야 할 크기와
화면에 필요한 크기.
사진의 소재를 유지하면서 파일 형식과 해상도만 바꿉니다. 같은 폭에서는 압축 영향을, 절반 폭에서는 크기 변경까지 함께 확인합니다.
각 이미지의 제공 폭
원본 폭에 맞춘 WebP와 절반 폭 WebP를 별도로 생성했습니다.
원본 교체
기존 PNG는 그대로 두고, 새 폴더에 파생본만 저장했습니다.
02 / Working comparison
원본과 파생본을
직접 바꿔 보기.
아래 정물은 이 성능 비교를 위해 새로 생성했습니다. 형식과 해상도를 바꾸면 실제 파일과 용량이 함께 바뀝니다. 실물 촬영 사진이 아닙니다.
현재: 원본 PNG · 1,536 × 1,024
| 비교 이미지 | 원본 PNG | 같은 폭 WebP | 절반 폭 WebP | 같은 폭 절감 |
|---|---|---|---|---|
| 소재 정물 | 3,052,285 B | 278,538 B | 84,418 B | 90.87% |
03 / Operational check
파일을 바꾸기 전에,
확인한 것.
원본 보존
생성한 원본 PNG를 보존하고 이 사례의 assets/에 두 가지 WebP를 별도로 저장했습니다.
치수 검수
각 WebP를 다시 열어 폭·높이·포맷을 검사했습니다. 큰 파일은 원본 폭, 작은 파일은 절반 폭입니다.
정량 기록
파일 크기와 원본 대비 절감 bytes만 기록했습니다. 로딩 시간·성과를 추정하는 숫자는 넣지 않았습니다.