compress images in /articles/2025/02-20_sprint-camp

Author: aster-void

README.md

@@ -26,13 +26,20 @@
   - できないかつクロップが許容できない場合は、 `fit: contain` と背景色 (`bg_color:`) を指定してください。
 
 - 画像サイズは 1MB 未満に抑えてください。 ffmpeg や ImageMagick を使い、解像度を下げたり、画質 (Quality) を下げたり、WebP (or AVIF) に変換するなどができます。
+
   - 参考 <https://stackoverflow.com/questions/7261855/recommendation-for-compressing-jpg-files-with-imagemagick>
-  - 例: `ffmpeg -i ./input.png -vf 'scale=1920:-1' output.avif`
+  - 例: `ffmpeg -i ./input.png -vf 'scale=1920:-1' -crf 10 output.avif`
+
     - -> 50~300kb 程度になります。多少 (数秒~1分程度) 時間がかかります。
-    - 横幅がそこまで必要ない画像は、scale の width を落としてもよいです。
+    - `-vf scale={width}:{height}`: 画像の横幅。height が -1 のときは、横幅から計算する。
+    - `-crf`: 画像の圧縮率。高いほうが圧縮率が高い。
+
   - HEIC は対応していないので、 ImageMagick で他のフォーマットに変換してください。
     - 例: `magick picture.HEIC picture.webp`
-- 記事ごとのファイルサイズの合計は5 MB までに抑えてください。
+
+- 各記事のファイルサイズの合計は5 MB までに抑えてください。
+  - 理想は 1MB 未満です。
+  - ファイルサイズの確認には、`ncdu` が使いやすいです。
 
 ### プロジェクト
 

contents/articles/2025/02-20_spring-camp/cafe.avif

@@ -1,7 +1,7 @@
 ---
 title: 2025 年度春合宿を開催しました
 date: 2025-03-01
-image: ./image.jpg
+image: ./image.avif
 author: "tyasumura"
 ---
 
@@ -11,7 +11,7 @@ ut.code(); では 2 月 20 日から 22 日まで、東京大学山中寮内藤
 
 到着したら、まずは山中湖に臨むカフェ「LA2CAFE Yamanakako」にて昼食をとりました。
 
-![カフェ](./cafe.jpg)
+![カフェ](./cafe.avif)
 
 寮に着いてからは、会議室でプログラミング活動を進めました。
 
@@ -23,11 +23,11 @@ ut.code(); では 2 月 20 日から 22 日まで、東京大学山中寮内藤
 
 午前は有志の発表者によるLT会が開かれました。個人プロジェクトについて話してくださり、とても興味深かったです。
 
-![LT会](./lt-event.jpg)
+![LT会](./lt-event.avif)
 
 午後はチーム対抗ITクイズ大会を実施しました。早押し問題や頭を悩ませるような問題を協力して解いて盛り上がりました。
 
-![ITクイズ大会](./it-quiz.jpg)
+![ITクイズ大会](./it-quiz.avif)
 
 ## 三日目
 
@@ -37,6 +37,6 @@ ut.code(); では 2 月 20 日から 22 日まで、東京大学山中寮内藤
 
 自然に囲まれながら山中寮の美味しいご飯を食べて、心地よい時間を過ごすことができました。
 
-![寮の食事](./dining-room.jpg)
+![寮の食事](./dining-room.avif)
 
 今後も定期的な合宿やイベントを開催していきますので、ぜひ参加してください。