ImageFrame

src と alt を渡します。caption に名前、meta に大きさや日付を渡すと、画像の下に中央そろえで書きます。名前は12pxの黒い太字、meta は11pxの灰色の文字です。

shape で枠の比率を決めます。portrait は5:7、square は1:1で、どちらも幅8remまで、landscape は16:9で幅16remまで広がります。比率の枠は並べた時の位置をそろえるためだけに使い、色を持ちません。

画像はBC2の添付の画像と同じく、1px #dddddd の枠の内側に1pxの白い余白を取って囲み、影は付けません。fit="contain" は画像全体を枠の中央に置き、枠を画像そのものに沿わせます。fit="cover" は枠いっぱいに切り抜き、枠も比率の枠に沿わせます。角丸は付けません。

src が無い時は、罫線の輪郭を付けた淡い灰色の面に missingLabel を11pxの灰色の文字で書いて、画像の場所を示します。

画像は loading="lazy" で読み込みます。JavaScriptは使いません。