moritamorie https://blog.hatena.ne.jp/moritamorie/ Composable Life https://blog.moritamori.net/ GitHub Actions サイトの画像を変えたりしているうちに気がつかないうちにサイズが大きい画像ファイルが混じっているってことありますよね。サイト表示のパフォーマンスが落ち、離脱に繋がりそうなので避けたいと思っていました。 最近、Githubで管理している画像を自動的に圧縮してくれるGithub actionsのcalibreapp/image-actionsというのを導入することでだいぶ改善しました。 圧縮できる画像があれば以下のようなレポートをPRにつけて、変換した画像を表示してくれます。 自動的にコミットができていて、画像に変換してくれているのを確認できます。 メリット calibreapp/image-act… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.moritamori.net%2Fentry%2Fimage-actions" title="Github actions (image-actions)でWebサイトの画像を常に適切な圧縮サイズに保つ - Composable Life" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/moritamorie/20200723/20200723015918.png Hatena Blog https://hatena.blog 2020-07-23 02:36:15 rich https://blog.moritamori.net/entry/image-actions 1.0 100%