minify programming course

Author: aster-void

README.md

@@ -28,11 +28,14 @@
 - 画像サイズは 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' -crf 10 output.avif`
-
-    - -> 50~300kb 程度になります。AVIF の場合、多少 (数秒~1分程度) 時間がかかります。
-    - `-vf scale={width}:{height}`: 画像の横幅。height が -1 のときは、横幅から計算する。
-    - `-crf`: 画像の圧縮率。大きいほうが圧縮率が高い。
+  - 例:
+
+    - `mogrify -resize 800x -quality 80 -fromat webp *.png *.jpg *.jpeg`
+      - 見ての通り。
+    - `ffmpeg -i ./input.png -vf 'scale=1920:-1' -crf 10 output.avif`
+      - -> 50~300kb 程度になります。AVIF の場合、多少 (数秒~1分程度) 時間がかかります。
+      - `-vf scale={width}:{height}`: 画像の横幅。height が -1 のときは、横幅から計算する。
+      - `-crf`: 画像の圧縮率。大きいほうが圧縮率が高い。
 
   - HEIC は対応していないので、 ImageMagick で他のフォーマットに変換してください。
     - 例: `magick picture.HEIC picture.webp`

contents/articles/2024/06-29_06-programming-course/image.jpg

@@ -3,7 +3,7 @@ title: 中高生のためのプログラミング講座を開催しました
 date: 2024-06-29T18:00:00+09:00
 categories:
   - events
-image: ./image.jpg
+image: ./image.webp
 author: kmanabe
 ---
 
@@ -23,7 +23,7 @@ ut.code(); では、主なサークル活動の一つとしてプログラミン
 
 受講生を集めるために様々な高校に今回のプログラミング講演会の提案を行った結果、岡山白陵中学・高等学校と清真学園高等学校・中学校の 2 校が参加してくださりました。その後、受講生募集のために下のようなポスターを各学校に掲示してもらったところ、合計 64 人もの受講者が集まってくれました。
 
-![ポスター](./poster.png)
+![ポスター](./poster.webp)
 
 ## 講座の内容
 
@@ -41,9 +41,9 @@ HTML と CSS を使って好きなウェブサイトを作るという課題で
 
 最後の課題では、カウンターアプリやおみくじアプリを作成しました。これまで習ってきたことを活用して熱心にカスタマイズする様子が見られ、面白いアプリが多数作られていました。
 
-![岡山白陵の授業風景](./okahaku-student.jpg)
+![岡山白陵の授業風景](./okahaku-student.webp)
 
-![清真学園の授業風景](./seishin-student.jpeg)
+![清真学園の授業風景](./seishin-student.webp)
 
 ## 今後に向けて