✨ GIF 애니메이션 포맷을 WebP로 개선

[devdeun]

🚀 풀 리퀘스트 제안

🔍 작업 내용

• GIF 이미지를 WebP 포맷으로 자동 변환하도록 이미지 최적화 스크립트 수정
• MDX 파일의 이미지 참조를 자동으로 업데이트하도록 구현

WebP 포맷의 장점

1. 더 나은 압축률

   • WebP는 GIF 대비 최대 64% 더 작은 파일 크기 제공
   • 더 효율적인 압축 알고리즘 사용으로 화질 손실 최소화

2. 뛰어난 애니메이션 지원

   • GIF와 동일한 애니메이션 기능 지원
   • 프레임별 지연 시간과 반복 횟수 설정 가능
   • 더 부드러운 애니메이션 표현 가능

3. 브라우저 호환성

   • Chrome, Firefox, Safari, Edge 등 주요 브라우저 모두 지원(Can I use WebP)

4. 성능 향상

   • 작은 파일 크기로 인한 페이지 로딩 시간 단축
   • CDN 비용 절감
   • 사용자의 데이터 사용량 감소

🔧 변경 사항

주요 변경 사항을 요약해 주세요. ex) validate 로직 수정, package.json 수정, 파일 수정/삭제 등

📸 스크린샷 (권장)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
deunlog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 4, 2025 3:54am

[github-actions]

Optimize Image with Sharp be9907b

Detected 3 images

• Optimized: 2 images
• Converted to AVIF: 2
• Total size reduction: 98.1%
• Saved space: 2 MB
• Updated MDX files: 2

Filename	Before	After	Improvement
mediaquery.webp	2 MB	26 KB	-98.63%
random-profile-image.webp	149 KB	13 KB	-91.48%