핵심 요약
헤이딜러가 TinyPNG API와 GitHub Actions를 활용해 이미지 용량 최적화를 자동화하는 PR 및 커밋 시점의 프로세스를 도입했습니다.
구현 방법
- TinyPNG API를 연동해 PNG/JPG 이미지의 용량을 자동으로 최적화
- GitHub Actions를 활용해 PR이 열리거나 동기화될 때 최적화를 실행하고 최적화된 이미지를 커밋에 반영
- namoscato/action-tinify와 TinyPNG API Key, 개인 토큰은 GitHub Secrets에 저장해 보안적으로 관리
- 트리거 및 대상 파일: PR opened/synchronize/ready_for_review 이벤트, develop 브랜치에서 '.png', '.jpg' 확장자 파일 대상
- 적용 방식: 저장소에 해당 워크플로우를 추가하면 자동으로 용량 최적화가 적용되며, 사람이 수작업으로 이미지를 최적화하는 번거로움을 해방
주요 결과
- TinyPNG는 100KB 이상 이미지의 용량을 보통 70% 이상 줄여주는 서비스이며, 이 자동화로 이미지 용량 최적화가 반복적으로 이뤄집니다
- 매달 500장까지는 무료로 사용할 수 있으며, 초과 시 유료 결제로 확장 가능
- 자동화 도입으로 개발자가 직접 이미지 최적화 작업에 소요되는 시간과 리소스를 절약
