웹 이미지 최적화
페이지 로딩 속도는 UX와 SEO에 중요합니다. 이미지는 페이지 크기의 50-80%를 차지합니다.
이미지 형식
JPEG
사진과 복잡한 이미지에 이상적. 손실 압축. 투명도 미지원.
PNG
로고, 아이콘, 투명도가 필요한 이미지용. 무손실 압축. JPEG보다 큼.
WebP
현대 포맷. JPEG보다 25-34% 작음. 손실/무손실 압축, 투명도 지원.
최적화 팁
- 올바른 형식 선택: 사진=JPEG/WebP, 로고=PNG/SVG
- 크기 조정: 표시 크기로 업로드
- 압축: 품질 70-85%
- 폴드 아래 이미지는 지연 로딩
- CDN으로 전역 배포
권장 크기
- 블로그 이미지: 1200x630px
- 썸네일: 300x200px
- 히어로 배너: 1920x600px
- 제품 사진: 800x800px
결론
이미지 최적화로 성능이 크게 향상됩니다. PdfMetric은 무료 압축, 리사이즈, 변환을 제공합니다.