Skip to content

Conversation

@vvizi
Copy link
Contributor

@vvizi vvizi commented Apr 3, 2025

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 📷

스크린샷 2025-04-04 오전 12 10 36

vvizi added 4 commits April 3, 2025 23:25
- 25.3.31 기준 이미지 업데이트
- SVG 파일의 최적화 도구 svgo 설치
- CLI 명령어 추가 : yarn svgo
- svgo로 약 30% 크기가 감소된 이미지 업데이트
- 임의로 추가한 이미지 제거 및 새로운 이미지 적용
@vvizi vvizi added 🔨 Refactor 코드 리팩토링 🖼️ Asset 이미지 관련 labels Apr 3, 2025
@vvizi vvizi self-assigned this Apr 3, 2025
@vvizi
Copy link
Contributor Author

vvizi commented Apr 3, 2025

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

Copy link
Contributor

@jungjunhyung99 jungjunhyung99 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

- yarn.lock 추가
@github-actions
Copy link

github-actions bot commented Apr 4, 2025

@vvizi vvizi merged commit 295b718 into develop Apr 7, 2025
2 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🖼️ Asset 이미지 관련 🔨 Refactor 코드 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants