画像コンポーネント（v2） image-component

画像アセット

• アセットブラウザーからアセットをドロップするか、「参照」オプションをタップすると、ローカルファイルシステムからアップロードできます。
• 現在選択されている画像を選択解除するには、「クリア」をタップまたはクリックします。
• アセットエディターで​ アセットのレンディションを管理 ​するには、「編集」をタップまたはクリックします。

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

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

画像は装飾画像 - 画像が支援テクノロジーによって無視される場合（したがってその代替テキストが不要な場合）はオンにします。これは、装飾画像にのみ適用されます。

代替テキスト - 視覚に障害のあるユーザー向けの、画像の意味や機能を示す代替テキスト。

• DAM から代替テキストを取得 - オンにすると、DAM の dc:description メタデータの値が画像の代替テキストに設定されます。

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

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

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

• 別の AEM リソースにリンクする場合は、選択ダイアログを使用します。
• AEM リソースにリンクしない場合は、絶対 URL を入力します。非絶対 URL は、AEM に対する相対 URL として解釈されます。

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

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

切り抜きを開始

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

• 独自の切り抜きを定義するには、オプション「フリーハンド」を選択します。
• 元のアセットを表示するには、オプション「トリミングを削除」を選択します。

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

右に回転

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

水平方向に反転

画像を水平方向に反転させる（y 軸を中心に 180° 回転させる）には、このオプションを使用します。

垂直方向に反転

画像を垂直方向に反転させる（x 軸を中心に 180° 回転させる）には、このオプションを使用します。

ズームをリセット

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

ズームスライダーを開く

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

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

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

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

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

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

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

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

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

UUID の追跡を無効化 - 画像アセットの UUID の追跡を無効化する場合にオンにします。

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

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

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

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

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

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

ソース

コンテンツ作成者が自身のローカルコンピュータから画像をアップロードできるようにするには、オプション「ファイルシステムからのアセットのアップロードを許可」を選択します。コンテンツ作成者が AEM からしかアセットを選択できないようにするには、このオプションを選択解除します。

向き

回転
コンテンツ作成者が「右に回転」オプションを使用できるようにするには、このオプションを使用します。

反転
コンテンツ作成が「水平方向に反転」および「垂直方向に反転」オプションを使用できるようにするには、このオプションを使用します。

切り抜き

コンテンツ作成者が編集ダイアログでコンポーネントの画像の切り抜きを行えるようにするには、オプション「切り抜きを許可」を選択します。

• 定義済みの切り抜き縦横比を追加するには、「追加」をクリックします。
• わかりやすい名前を入力します。この名前が「切り抜きを開始」ドロップダウンに表示されます。
• 縦横比の数値を入力します。
• 縦横比の順序を変更するには、ドラッグハンドルを使用します
• 縦横比を削除するには、ごみ箱アイコンを使用します。