PR 생성 시, 이미지 용량 자동 최적화! TinyPNG + GitHub Actions

TinyPNG를 활용하여 이미지 용량을 수동으로 줄이는 작업을 GitHub Actions로 자동화

PR 생성 또는 commit 푸시 시, png/jpg 확장자 이미지에 대해 자동 최적화 수행

API Key 발급 후, GitHub Actions 설정으로 이미지 용량 최적화 자동화 및 개발 생산성 향상

GitHub Actions를 활용한 자동화 원리

GitHub Actions는 PR 생성 시 트리거되어, 지정된 png/jpg 파일에 대해 TinyPNG API를 호출한다. 구체적으로, actions/checkout을 통해 코드를 가져온 후, namoscato/action-tinify 액션을 실행하여 이미지를 최적화한다. 따라서, 개발자는 API Key와 PAT만 설정하면 된다.

수동 최적화 vs 자동 최적화 비교

수동 최적화는 시간 소모적이며, 잦은 이미지 변경 시 비효율적이다. GitHub Actions를 사용하면, 자동화된 이미지 최적화를 통해 개발 시간을 절약하고, 일관성을 유지할 수 있다. TinyPNG API의 무료 사용량 제한을 고려하여, 사용량 관리가 필요하다.

GitHub Actions 설정 가이드

GitHub Actions 설정 시, TINY_PNG_KEY와 PERSONAL_ACCESS_TOKEN을 Secrets에 등록해야 한다. commit_user_name과 commit_user_email을 설정하여, 커밋 주체를 명확히 한다. 따라서, PR 생성 시 자동 최적화를 위해, 위 설정들을 정확히 입력해야 한다.