[Perf] 이미지 최적화 (next/image 점검) #126

배경

Next.js 기본 이미지 최적화를 모두 활용하고 있는지 점검. <img> 직접 사용이 남아있으면 LCP 지표 손해.

작업

• 전체 프로젝트에서 <img> 태그 사용 지점 스캔
• 가능한 모든 이미지 next/image로 교체
• priority, sizes, placeholder="blur" 적절히 적용
• 외부 이미지 도메인 next.config.ts의 images.remotePatterns 확인
• SVG는 인라인 또는 next/image의 unoptimized 옵션 검토

완료 기준

• 직접 <img> 사용 0건 (아이콘/SVG 제외)
• LCP 관련 이미지는 priority 적용
• 썸네일은 sizes 지정으로 과대 로드 방지