[chore] SVGO 설치 및 이미지 일괄 업데이트

[vvizi]

Motivation 🤔

• 이미지 업데이트
• SVGO 설치

Key Changes 🔑

• SVGO : SVG 파일의 불필요한 코드, 속성, 주석 등을 제거하여 파일 용량을 줄여주는 최적화 도구

• 특징

  • 사용되지 않는 태그 및 속성 제거
  • 과도하게 긴 소수점 자리 축소
  • 중복된 path 및 g 그룹 병합
  • 자동 생성된 ID 축약 등

• 기대효과

  • 25.03.31 기준 SVG 파일을 55KB → 38KB로 약 30% 축소
  • 동일한 이미지가 여러 번 사용될 경우, 렌더링 성능 개선 효과

• ❗️이미지 업데이트 방법❗️

1. 디자인 팀에서 업데이트한 wed_icon 폴더 통째로 교체 (commit 할 필요 X)
2. 터미널에 yarn svgo 실행
3. 압축된 이미지 폴더 wed_icon commit

Attachment 📷

[vvizi]

@seonghyuk1 @jungjunhyung99 @suji8073 이미지 업데이트 방법 한 번씩만 확인 부탁드려용
@jungjunhyung99 @suji8073 이전에 임의로 추가 하셨던 이미지들 교체했는데, 맞게 반영됐는지 시간 되실 때 한 번씩 검토 부탁드립니다 :) (3d8c543)

[jungjunhyung99]

svgo라는 것도 있군요...! 희지님 덕분에 새롭게 알아갑니다!!
그리고 이미지 파일 추가하는 것들 번거로운 작업이셨을텐데... 너무 고생 많으셨습니다!!

[github-actions]

🚀 storybook: https://67481b940a79e0e1c9da60fb-vasptxidti.chromatic.com/