<amp-img>を使用して、寸法を知らずに画像を挿入する

Question

画像の寸法を事前に知らなくても、AMP HTML記事で画像を公開するにはどうすればよいですか？

Answer 1

サイズのないイメージタグがブラウザに見つかると、イメージがダウンロードされ、サイズを把握するために最初の数バイトが表示されます。これは、ユーザーの高遅延接続で発生する必要があるため、非常に非効率的です。私の答えの残りの部分は問題にアプローチする方法のための2つの選択肢が用意されています

（公開中）に、サーバー側で画像のサイズを見つける方法： 代わりに、発行時にサーバー側で同じことを行うことができます最小のオーバーヘッドで。 CMSおよびサーバー側の各言語には、イメージサイズを見つけるためのモジュールがあります。あなたはImageMagick（すべてのプログラミング言語にバインディングを持っている）のようなものを使うことができますが、サイズの決定だけを行うより特殊なツールがあるでしょう。画像サイズを見つけることができる一般的なプログラミング言語のための

例モジュール：

• node.js
• ruby
• python
• php

CMSes

その 独立した、あなたは layout=fillどこ画像のサイズを使用することによって、サイズを知らなくてもAMPに画像をロードすることができます：あなたは本当に画像のサイズを知ることができない場合は何をすべきか

• WordPress

ブラウザの実際のサイズに依存しなくなります。もう1つの方法は、layout=fixedまたはlayout=responsiveとimg object-fit: containを使用することです。これは、すべての画像に常に同じ大きさが必要な場合に便利です。