AI 요약관련 정보

• 이미지 최적화는 웹사이트 성능 향상에 매우 중요하며, 동일한 이미지를 다양한 포맷(AVIF, WEBP, JPEG)으로 제공할 수 있음 🚀
• JPEG는 가장 오래된 형식이지만 파일 크기가 가장 큼 (예: 665KB) 👴
• WEBP는 JPEG보다 압축률이 좋고 파일 크기가 작음 (예: 370KB) 💡
• AVIF는 최신 형식으로 압축률이 가장 뛰어나 파일 크기가 훨씬 작음 (예: 210KB, JPEG의 1/3 크기) ✨
• 모든 브라우저가 AVIF나 WEBP를 지원하지 않으므로, picture 요소를 사용하여 브라우저 지원에 따라 다른 이미지를 로드해야 함 🖼️
• picture 요소는 여러 source 요소를 포함하며, 각 요소는 이미지 형식(type)과 경로(srcset)를 지정함 🏷️
• 브라우저는 source 요소를 위에서부터 확인하여 지원하는 형식을 찾으면 해당 이미지를 로드함 ✅
• 지원하는 형식이 없으면 img 요소에 지정된 JPEG 이미지로 대체됨 fallback fallback fallback fallback ⚠️
• 이미지 최적화에는 다양한 기술이 있으며, 추가 정보는 비디오 링크를 통해 확인할 수 있음 🔗