画像

メモ:

写真、イラスト、画像は、web エクスペリエンスをより有益なものにし、魅力的なものにするために不可欠な要素です。 画像を挿入するか、ソースから画像をコピー/貼り付けるだけで、ドキュメントに画像を追加できます。

画像に代替テキストを追加して、コンテンツにアクセスしやすくします。 WordGoogle Docs の両方が優れたサポートを提供します。

AEMは Web サイトに適したサイズに画像を自動的にサイズ変更し、それをブラウザーにとって意味のある形式に変換します。

可能な場合は、幅 2000 ピクセル以上の画像を挿入することをお勧めします。これにより、大きなディスプレイ解像度でも画像が鮮明に表示されます。

ページの最初の画像は、メタデータで特に定義されていない限り、自動的に(ソーシャルメディアおよびメッセージングアプリケーション用の)メタデータで使用される画像になります。

GDocs の特記事項:Googleは、画像の幅を最大 1,600 ピクセル、高さを最大 1,600 ピクセルにダウンサイズします。 写真の画像のほとんどのユースケースではこれで十分ですが、イラストによっては目に見えるアーティファクトが発生する場合があります。

例:

ライブ出力を参照

コンテンツ構造:

ドキュメントのコンテンツを参照

コード:

画像はデフォルトコンテンツと見なされるため、プロジェクトまたはブロックの CSS コードでスタイル設定されます。 通常、JavaScript コードは使用されません。
このコードはボイラープレートに含まれており、コピーする必要はありません。

コードを表示

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec