가이드
WebP 이미지가 흐릿하게 보이는 이유
체크리스트로 WebP 흐림 원인을 빠르게 찾고 수정하는 방법을 안내합니다.
대부분의 흐림 문제는 WebP 자체보다 품질 설정, 원본 상태, 리사이즈 방식에서 발생합니다.
품질 값이 너무 낮음
품질이 너무 낮으면 윤곽과 디테일이 쉽게 무너집니다.
작은 단계로 올려 비교하세요.
원본 이미지가 이미 손상됨
원본 디테일이 없으면 WebP로 바꿔도 복원되지 않습니다.
가능하면 더 고품질 원본을 사용하세요.
리사이즈 방식 문제
작은 이미지를 억지로 키우면 흐릿해집니다.
실제 노출 크기에 맞춘 자산을 사용하세요.
- 작은 원본 확대 피하기
- CSS width/height 확인
- 고해상도 화면용 자산 준비
자산 유형에 맞지 않는 모드
텍스트 중심 그래픽은 높은 품질 또는 무손실이 필요할 수 있습니다.
사진과 UI를 같은 프리셋으로 처리하지 마세요.
나란히 비교 검수 부재
직접 비교하지 않으면 미세한 흐림을 놓치기 쉽습니다.
배포 전 100% 배율로 비교하세요.
이럴 때 유용
- 변환 후 이미지가 원본보다 뿌옇게 보일 때
- 텍스트가 뭉개져 읽기 어려울 때
- 모바일/레티나에서만 품질이 떨어질 때
원본-설정-표시 크기 순서로 점검
세 가지를 순서대로 보면 대부분 빠르게 해결됩니다.