BLOG

ブログ

AMPでの画像表示

AMPでの画像表示

AMPではimgタグを利用することはできない為、AMP専用のタグを使用します。

<img>は<amp-img>に変えなければいけません。
<img>とは違い<amp-img>では終了タグ</amp-img>が必要となります。

高さと幅の指定は必須なので必ず記述しましょう。

<amp-img src="画像の指定" width="幅の指定" height="高さの指定">

その他使用できる属性 alt:画像ファイルが表示されなかった場合などに表示されるテキスト
srcset:画像の読み込まれる条件を指定することができる
layout="responsive":指定することでブラウザの幅に合わせて拡大縮小されますがwidthを無視してコンテナ要素の幅いっぱいに表示されるので注意が必要です

▲PAGE TOP

©ITコンサルタントの網樹屋