画像コンポーネント image-component

切り抜きを開始

このオプションを選択すると、定義済みの切り抜き比率のドロップダウンが開きます。

• 元のアセットを表示するには、オプション「トリミングを削除」を選択します。

切り抜きオプションを選択したら、青色のハンドルを使用して画像上の切り抜きのサイズを調整します。

右に回転

画像を右（時計回り）に 90° 回転させるには、このオプションを使用します。

ズームをリセット

画像が既にズームされている場合にこのオプションを使用すれば、ズームレベルがリセットされます。

ズームスライダーを開く

画像のズームレベルを制御するためのスライダーを表示するには、このオプションを使用します。

ページからアイキャッチ画像を継承 - このオプションは、 リンクされたページのアイキャッチ画像を使用します。画像がリンクされていない場合は現在のページのアイキャッチ画像を使用します。

画像アセット - 「ページからアイキャッチ画像を継承」を選択している場合は、自動的に入力されます。選択を解除し、次のオプションを設定して画像を手動で定義します。

• ローカルファイルシステムからアップロードするには、アセットブラウザーからアセットをドロップするか、「参照」オプションをタップします。

• 現在選択されている画像を選択解除するには、「クリア」をタップまたはクリックします。

• アセットブラウザーを開いて画像を選択するには、「選択」をタップまたはクリックします。

  • リモートアセットのサポートが有効になっている場合、アセットを選択する次の複数のオプションがあります。

    • ローカル：ローカルの AEM アセットライブラリから選択します。
    • リモート：AEM インスタンスの外部にある Dynamic Media ライブラリから選択します。

• アセットエディターでアセットのレンディションを管理するには、「編集」をタップまたはクリックします。

アクセシビリティ用代替テキスト - このフィールドでは、視覚に障害のあるユーザー向けの画像説明を定義できます。

• ページから代替テキストを継承 - このオプションでは、DAM における dc:description メタデータのリンク先アセット値の代替説明を使用します。アセットがリンクされていない場合は現在のページの代替説明を使用します。

代替テキストを提供しない - 画像が単なる装飾画像である場合や、ページへの追加情報を伝えるものでない場合に、スクリーンリーダーなどの支援テクノロジーで画像を無視するように指定します。

プリセットの種類 - 使用可能な画像プリセットの種類（画像プリセット ​または​ スマート切り抜き）を定義します。これは、Dynamic Media 機能が有効な場合にのみ使用できます。

• 画像プリセット - 「画像プリセット」の「プリセットタイプ」を選択すると、ドロップダウンの「画像プリセット」が使用可能で、利用可能な Dynamic Media プリセットから選択できます。これは、選択したアセットに対してプリセットが定義されている場合にのみ使用できます。
• スマート切り抜き - スマート切り抜き ​の「プリセットタイプ」が選択されている場合、ドロップダウンの​ レンディション ​を使用して、選択したアセットの使用可能なレンディションから選択することができます。これは、選択したアセットに対してレンディションが定義されている場合にのみ使用できます。
• 画像修飾子 - プリセットタイプ ​が選択されているかどうかに関係なく、ここで、& で区切られた、追加の Dynamic Media の画像サービングコマンドを定義できます。

キャプション - 画像に関する追加情報。デフォルトでは画像の下に表示されます。

• DAM からキャプションを取得 - オンにすると、DAM の dc:title メタデータの値が画像のキャプションテキストに設定されます。
• キャプションをポップアップとして表示 - オンにした場合、キャプションは画像の下には表示されなくなり、画像の上にマウスポインターを置いたときに一部のブラウザーでポップアップとして表示されるようになります。

リンク - 画像を別のリソースにリンクします。

• 別の AEM リソースにリンクする場合は、選択ダイアログを使用します。
• AEM リソースにリンクしない場合は、絶対 URL を入力します。絶対 URL 以外は、AEM を基準とした相対パスとして解釈されます。
• リンクを新しいタブで開く - このオプションを使用すると、リンクは新しいブラウザーウィンドウで開きます。

ID - このオプションを使用すると、HTML 内およびデータレイヤー内のコンポーネントの一意の識別子を制御できます。

• 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
• ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
• ID を変更すると、CSS、JS およびデータレイヤーのトラッキングに影響を与える可能性があります。

DM 機能を有効化 - オンにすると、Dynamic Media 機能を使用できます。

• このオプションは、環境で Dynamic Media が有効になっている場合にのみ表示されます。

Web に最適化された画像を有効にする - オンにすると、web に最適化された画像配信サービスは WebP 形式で画像を配信し、画像のサイズを平均で 25％削減します。

• このオプションは、AEMaaCS でのみ使用できます。
• オフにした場合や web に最適化された画像配信サービスを使用できない場合は、アダプティブ画像サーブレットが使用されます。

遅延読み込みを無効にする - オンにすると、コンポーネントは遅延読み込みなしですべての画像をプリロードします。

画像は装飾画像 - ページへの画像コンポーネントの追加時に装飾画像オプションが自動的に有効化されるかどうかを定義します。

DAM から代替テキストを取得 - ページへの画像コンポーネントの追加時に 、DAM から代替テキストを取得するオプションが自動的に有効化されるかどうかを定義します。

DAM からキャプションを取得 - ページへの画像コンポーネントの追加時に、DAM からキャプションを取得するオプションが自動的に有効化されるかどうかを定義します。

キャプションをポップアップとして表示 - ページへの画像コンポーネントの追加時に、画像のキャプションをポップアップとして表示するオプションが自動的に有効化されるかどうかを定義します。

幅をサイズ変更 - この値は、DAM アセットであるベース画像の幅のサイズ変更に使用されます。

• 画像の縦横比は維持されます。
• 値が画像の実際の幅より大きい場合、この値は無効です。
• この値は、SVG 画像には無効です。

幅 - 画像の幅（ピクセル単位）のリストを定義でき、コンポーネントは、ブラウザーサイズに基づいて最適な幅を自動的に読み込みます。

• 別のサイズを追加するには、「追加」ボタンをタップまたはクリックします。

  • サイズの順序を並べ替えるには、グラブハンドルを使用します。
  • 幅を削除するには、削除 ​アイコンを使用します。

• デフォルトでは、画像の読み込みは、画像が表示される時点まで遅延されます。

  • ページ読み込み時に画像を読み込むには、オプション「遅延読み込みを無効にする」を選択します。

JPEG 画質 - 変換（拡大／縮小や切り抜きなど）が行われる JPEG 画像の品質係数（0～100 パーセントで指定）。