画像
メモ:
写真、イラスト、画像は、web エクスペリエンスをより有益なものにし、魅力的なものにするために不可欠な要素です。 画像を挿入するか、ソースから画像をコピー/貼り付けるだけで、ドキュメントに画像を追加できます。
画像に代替テキストを追加して、コンテンツにアクセスしやすくします。 Word と Google Docs の両方が優れたサポートを提供します。
AEMは Web サイトに適したサイズに画像を自動的にサイズ変更し、それをブラウザーにとって意味のある形式に変換します。
可能な場合は、幅 2000 ピクセル以上の画像を挿入することをお勧めします。これにより、大きなディスプレイ解像度でも画像が鮮明に表示されます。
ページの最初の画像は、メタデータで特に定義されていない限り、自動的に(ソーシャルメディアおよびメッセージングアプリケーション用の)メタデータで使用される画像になります。
GDocs の特記事項:Googleは、画像の幅を最大 1,600 ピクセル、高さを最大 1,600 ピクセルにダウンサイズします。 写真の画像のほとんどのユースケースではこれで十分ですが、イラストによっては目に見えるアーティファクトが発生する場合があります。
例:
コンテンツ構造:
コード:
画像はデフォルトコンテンツと見なされるため、プロジェクトまたはブロックの CSS コードでスタイル設定されます。 通常、JavaScript コードは使用されません。
このコードはボイラープレートに含まれており、コピーする必要はありません。