元ページに対して、本文の切れ目で効く画像だけを4枠に絞っています。
今回は「部品そのものの理解」「グレード差の質感」「最後に実走イメージへ戻す」の流れを優先しています。2枚続けて入れない前提で切っています。
挿入位置: 「コンポーネントとは」の導入説明が終わった直後
部品群の話に入るページなので、最初は「駆動系が見える一枚」で内容の軸を作るのが自然です。
リアディレイラーが主役で、コンポーネントの話に入りやすい。寄りすぎず、導入に使いやすい構図です。
挿入位置: 「コンポーネントの主なパーツ」の表の後
ブレーキ、チェーン、レバーなどを表で読んだあとに、実物の精密感を見せると理解が定着しやすくなります。
ギア、チェーン、ディレイラーがまとまって見えるので、表で紹介している複数パーツを一枚で補えます。
挿入位置: 「グレードによる違い比較表」の後
表だけだと数字や性能差に見えやすいので、操作部の質感を見せると「上位グレードの違い」が伝わりやすくなります。
ブレーキレバーや操作部の精密感があり、「タッチの上質さ」の説明と相性が良いです。
挿入位置: 「どんなグレードを選べばよいか」の前後
最後に街乗りや実利用の写真を入れると、スペックの話から「初心者が選ぶ話」へ戻しやすくなります。
街乗り用途が分かりやすく、初心者向けの選び方につなげやすい。説明ページの最後に置いても重くなりません。
このページではまず相性の良い候補だけを絞っています。問題なければ次に、採用候補を入れた `component_localtest.html` を作れます。