ファイル名は名前と共通の変数を使うようにした

Author: mucho613

_data/staff.yaml

@@ -1,88 +1,66 @@
 - name: 杉山美鈴
   site: https://unit.link/sugimisu
-  img: 杉山美鈴.webp
   dojo: 久留米
 - name: 岸川拓磨
   site: https://github.com/Fukusan64
-  img: 岸川拓磨.webp
   dojo: 福岡、久留米、春日
 - name: KP
   site: https://github.com/kp54/
-  img: KP.webp
   dojo: 福岡、久留米
 - name: おごもり たかし
   site: https://github.com/ogom/
-  img: おごもり たかし.webp
   dojo: なかもず、大阪狭山
 - name: 柴尾 哲也
   site: https://my.prairie.cards/u/midnight480
-  img: 柴尾 哲也.webp
   dojo: 佐賀
 - name: やす
   site: https://x.com/Y4s2hoL
-  img: やす.webp
   dojo: 福岡、久留米
 - name: 西田慶子
   site:
-  img:  西田慶子.webp
   dojo: さが、香椎
 - name: 安川 要平
   site: https://x.com/yasulab
-  img: 安川 要平.webp
   dojo: CoderDojo Japan
 - name: 杉山 好翼
   site:
-  img: 杉山 好翼.webp
   dojo: 久留米
 - name: 宇都木 朗
   site: https://x.com/a_utsuki
-  img: 宇都木 朗.webp
   dojo: 香椎、さが、春
 - name: とり子（安東）
   site: https://x.com/siroitori0413
-  img: とり子（安東）.webp
   dojo: 香椎、さが
 - name: 鳥辺 裕香
   site: https://iwakunipg.com/
-  img: 鳥辺 裕香.webp
   dojo: 岩国
 - name: KeisukeSawa
   site: https://x.com/swamptk
-  img: KeisukeSawa.webp
   dojo: たまち、HARUMI
 - name: 千葉 聖人
   site: https://www.instagram.com/ba_chisan1925/
-  img: 千葉 聖人.webp
   dojo: 岡南
 - name: 井上 一
   site: https://xn--coderdojo-ef6q138l.jp/
-  img: 井上 一.webp
   dojo: 津山
 - name: あったかい
   site:
-  img: あったかい.webp
   dojo: 古河、さくら、水戸、ひたちなか、ほんごう、神楽坂
 - name: かつ
   site: https://ja.katzueno.com/about/
-  img: かつ.webp
   dojo: 尾張
 - name: むーちょ
   site: https://github.com/mucho613
-  img: むーちょ.webp
   dojo: 福岡
 - name: たくさん
   site:
-  img: たくさん.webp
   dojo: こだいら
 - name: いかけん
   site: https://coderdojo-mito.com/
-  img: いかけん.webp
   dojo: 水戸
 - name: 田代
   site:
-  img: 田代.webp
   dojo: さが
 - name: 山口秀帝
   site:
-  img: 山口秀帝.webp
   dojo: 津山

_includes/top/sections/staff.html

@@ -22,7 +22,7 @@ <h2 class="text-4xl text-center pt-20 xl:pt-30">
             <span class="text-xs">{{ member.dojo }}</span>
           </p>
         </div>
-        <img class="min-w-full min-h-full object-cover" src="/img/staff/{{ member.img }}" alt="{{ member.name }}">
+        <img class="min-w-full min-h-full object-cover" src="/img/staff/{{ member.name }}.webp" alt="{{ member.name }}">
       </div>
 
       {% if member.site %}
@@ -47,7 +47,7 @@ <h2 class="text-4xl text-center pt-20 xl:pt-30">
 
       <div class="relative aspect-[1/cos(30deg)] w-24 sm:w-30 overflow-hidden flex items-center justify-center"
         style="clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);">
-        <img class="w-full" src="/img/staff/{{ member.img }}" alt="{{ member.name }}">
+        <img class="w-full" src="/img/staff/{{ member.name }}.webp" alt="{{ member.name }}">
       </div>
 
       <!-- モバイルで表示する、肩書きや氏名の表示 -->