Dynamic Media 画像プロファイル image-profiles

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

画像をアップロードするときに、フォルダーにイメージプロファイルを適用することで、アップロード時に自動的に画像を切り抜くことができます。

NOTE
スマート切り抜きは、Dynamic Media - Scene7 モードでのみ使用できます。
IMPORTANT
画像プロファイルは、PDF ファイル、アニメーション GIF ファイル、INDD(Adobe InDesign)ファイルには適用されません。

切り抜きツールオプション crop-options

画像にスマート切り抜きを実装する場合、アドビでは次のベストプラクティスを推奨し、次の制限を適用します。

制限タイプ
ベストプラクティス
適用される制限
画像あたりのスマート切り抜き数
5
100

Dynamic Media の制限も参照してください。

スマート切り抜きの座標は、縦横比に応じて異なります。つまり、イメージプロファイルの各スマート切り抜き設定で、イメージプロファイルに追加されたサイズの縦横比が同じ場合、同じ縦横比がDynamic Mediaに送信されます。 そのため、Adobeでは同じ切り抜き領域を使用することをお勧めします。 そうすれば、イメージプロファイルで使用される様々なサイズに影響を与えません。

スマート切り抜きの生成のたびに、追加の処理が必要になることに注意してください。例えば、スマート切り抜きの縦横比を 5 つ以上追加すると、アセット取り込み速度が遅くなる可能性があります。また、システムの負荷が増大するおそれもあります。スマート切り抜きはフォルダーレベルで適用できるので、必要な場所で​ のみ ​フォルダーに使用することをお勧めします。

画像プロファイルでのスマート切り抜きの定義に関するガイドライン
スマート切り抜きの使用状況を制御し、切り抜きの処理時間や保存を最適化するために、次のガイドラインとヒントに従うことをお勧めします。

  • 幅と高さの値が同じ重複するスマート切り抜きプロファイルを作成しないでください。
  • 最終的な用途ではなく、切り抜きのサイズに基づいてスマート切り抜きに名前を付けます。これにより、単一のディメンションが複数のページで使用される重複を最適化するのに役立ちます。
  • すべてのフォルダーやアセットに適用される共通のスマート切り抜きプロファイルではなく、個別のフォルダーやサブフォルダーを対象とするページやアセットタイプごとの画像プロファイルを作成します。
  • フォルダーに適用された画像プロファイルは、サブフォルダーに適用する画像プロファイルで上書きされます。
  • すべてのフォルダーやアセットに適用される共通のスマート切り抜きプロファイルではなく、個別のフォルダーやサブフォルダーを対象とするページやアセットタイプごとの画像プロファイルを作成します。
  • フォルダーに適用された画像プロファイルは、サブフォルダーに適用する画像プロファイルで上書きされます。
  • 画像あたり 10~15 個のスマート切り抜きを行い、画面の比率と処理時間に合わせて最適化するのが理想的です。

2 つの画像切り抜きオプションから選択できます。また、カラーおよび画像スウォッチの作成を自動化するか、ターゲットの解像度をまたいで切り抜きコンテンツを保持するかを選択することもできます。

IMPORTANT
• アドビでは、生成される切り抜きやスウォッチをレビューして、それらが適切であり、ブランドや価値との関連性が高いことを確認することをお勧めします。• スマート切り抜きでは、CMYK 画像形式はサポートされていません。
オプション
用途
説明
ピクセル切り抜き
画像サイズにのみ基づいて画像を一括で切り抜きます。

このオプションを使用するには、切り抜きオプションのドロップダウンリストから「ピクセル切り抜き」を選択します。

画像の各辺から切り抜くには、画像の任意の辺または四辺からの切り抜きのサイズ(ピクセル数)を入力します。画像がどれだけ切り抜かれるかは、画像ファイル内の ppi(1 インチあたりのピクセル数)の設定によって変わります。

イメージプロファイルのピクセル切り抜きは以下の方法で実行されます。

  • 値は「上」、「下」、「左」、「右」です。
  • 左上隅が 0,0 と見なされ、ここからピクセル切り抜きが計算されます。
  • 切り抜きの開始点:「左」が X、「上」が Y です。
  • 水平方向の計算:元の画像の水平方向のピクセル寸法 — 左から右を引いたもの。
  • 垂直計算:垂直ピクセルの高さ — 上、下

例えば、4000 x 3000 ピクセルの画像があるとします。値として「上」= 250、「下」= 500、「左」= 300、「右」= 700 を使用します。

左上 (300,250) から、(4000-300-700, 3000-250-500) つまり (3000,2250) のフィルスペースを使って切り抜きます。

スマート切り抜き
視覚的な焦点に応じて、画像を一括切り抜きします。

スマート切り抜きは、Adobe Sensei の人工知能を活用して、画像の一括切り抜きをすばやく自動化します。画面サイズに関係なく、あらゆる画像の焦点位置を自動的に検出して切り抜き、目的の箇所を取得します。

スマート切り抜きを使用するには、「切り抜きオプション」ドロップダウンリストで「スマート切り抜き」を選択し、「レスポンシブ画像の切り抜き」の右側で、この機能を有効(オン)にします。

デフォルトのブレークポイントサイズ(大、中、小)は、モバイルやタブレットデバイス、デスクトップ、バナーで多くの画像が使用するサイズの全範囲をカバーしています。大、中および小のデフォルト名は、必要に応じて編集できます。

ブレークポイントを追加するには、 切り抜きを追加;切り抜きを削除するには、ごみ箱アイコンをクリックします。

カラーおよび画像スウォッチ
各画像の画像スウォッチを一括生成します。

注意:Dynamic Media Classic ではスマートスウォッチはサポートされません。

商品画像から色やテクスチャを示す高品質のスウォッチを自動的に検出して生成します。

カラーおよび画像スウォッチを使用するには、「切り抜きオプション」ドロップダウンリストで「スマート切り抜き」を選択し、「カラーおよび画像スウォッチ」の右側で、この機能を有効(オン)にします。「幅」と「高さ」テキストフィールドにピクセル値を入力します。

画像の切り抜きはすべてレンディションパネルから使用できますが、スウォッチを使用するには URL のコピー機能を利用しなければなりません。サイト上でスウォッチをレンダリングするには、独自の表示コンポーネントを使用する必要があります。 (カルーセルバナーはこのルールの例外です。カルーセルバナーで使用されるスウォッチについては、Dynamic Media が表示コンポーネントを提供します)。

画像スウォッチの使用

画像スウォッチの URL は簡単です:

/is/image/company/<asset_name>:Swatch

ここでは、:Swatch がアセット要求に追加されています。

カラースウォッチの使用

カラースウォッチを使用するには、次のように req=userdata 要求を作成します。

/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata

例えば、Dynamic Media Classic のスウォッチアセットは次のとおりです。

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch

スウォッチアセットの対応する req=userdata URL は次のとおりです。

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata

req=userdata 応答は次のとおりです。

SmartCropDef=Swatch SmartCropHeight=200.0 SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200 SmartCropType=Swatch SmartCropWidth=200.0 SmartSwatchColor=0xA56DB2

次の URL の例のように、XML 形式または JSON 形式の req=userdata 応答を要求することもできます。

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml

SmartSwatchColor

アンシャープマスク unsharp-mask

次を使用する: アンシャープマスク ダウンサンプリングされた最終的な画像に対するシャープフィルター効果を微調整する。 効果の強さ、効果の半径(ピクセル単位)、無視されるコントラストのしきい値を調整できます。このエフェクトは、Adobe Photoshop の「アンシャープマスク」フィルターと同じオプションを使用します。

NOTE
アンシャープマスクは、PTIFF(Pyramid TIFF)内のダウンスケールされたレンディション(50%以上ダウンサンプルされたもの)にのみ適用されます。つまり、PTIFF 内の最大サイズのレンディションはアンシャープマスクの影響を受けませんが、サムネールなどの小さいサイズのレンディションは変更されます(そしてアンシャープマスクを表示します)。

アンシャープマスク」には次のフィルタリングオプションがあります。

オプション
説明
エッジピクセルに適用されるコントラストの量を制御します。デフォルトは 1.75 です。高解像度の画像の場合は、最大で 5 まで増やすことができます。 この量は、フィルターの強さを表す尺度と考えてください。範囲は 0~5 です。
半径
シャープネスに影響を与える、エッジピクセル周辺のピクセル数を決定します。高解像度の画像の場合は、1 ~ 2 を入力します。小さい値はエッジピクセルのみをシャープにし、大きい値は広範囲のピクセルをシャープにします。適切な値は画像のサイズによって異なります。デフォルト値は 0.2 で、範囲は 0~250 です。
しきい値
アンシャープマスクフィルターが適用される場合のコントラストの範囲を指定します。つまり、このオプションは、シャープにされるピクセルが周囲の領域とどの程度違えば、そのピクセルをエッジのピクセルと見なしてシャープにするかを決定するものです。ノイズが入らないように、0~255 の範囲で複数の値を試してください。

シャープニングについては、画像のシャープニングを参照してください。

Dynamic Media イメージプロファイルの作成 creating-image-profiles

他のアセットタイプへの高度な処理パラメーターの定義については、アセット処理の設定を参照してください。

Dynamic Mediaイメージプロファイルを作成するには:

  1. AEM のロゴをタップし、ツール/Assets/イメージプロファイル ​に移動します。

  2. タップ 作成 をクリックしてイメージプロファイルを追加します。

  3. プロファイル名を入力し、アンシャープマスクのほか、切り抜きとスウォッチのいずれかまたは両方の値を入力します。

    目的に合ったプロファイル名を使用すると便利です。 例えば、スウォッチのみを生成するプロファイル(スマート切り抜きが無効で、カラーと画像スウォッチが有効な場合)を作成する場合は、「Smart Swatches」というプロファイル名を使用できます。

    スマート切り抜きとスマートスウォッチオプション および アンシャープマスク も参照してください。

    切り抜き

  4. 保存」をタップします。新しく作成されたプロファイルが、使用可能なプロファイルのリストに表示されます。

Dynamic Media イメージプロファイルの編集または削除 editing-or-deleting-image-profiles

  1. AEM のロゴをタップし、ツール/Assets/イメージプロファイル ​に移動します。

  2. 編集または削除する画像プロファイルを選択します。編集するには、「画像処理プロファイルを編集」を選択します。削除するには、「画像処理プロファイルを削除」を選択します。

    chlimage_1-254

  3. 編集する場合は、変更を保存します。削除する場合は、プロファイルの削除を確定します。

Dynamic Media イメージプロファイルのフォルダーへの適用 applying-an-image-profile-to-folders

フォルダーに画像プロファイルを割り当てると、サブフォルダーは自動的に親フォルダーのプロファイルを継承します。つまり、1 つのフォルダーに 1 つの画像プロファイルのみを適用できることになります。そのため、アセットをアップロード、保存、使用およびアーカイブする場所のフォルダー構造については入念に検討してください。

フォルダーに異なるイメージプロファイルを割り当てた場合、新しいプロファイルが以前のプロファイルよりも優先されます。以前に存在していたフォルダーのアセットは変更されずに維持されます。新しいプロファイルは、その後にフォルダーに追加されるアセットに対して適用されます。

プロファイルが割り当てられているフォルダーには、ユーザーインターフェイス上でカードに表示されるプロファイルの名前が示されます。

スマート切り抜きを既存のイメージプロファイルに追加する場合は、 DAM アセットの更新ワークフロー アセットリポジトリ内の既存のアセットの切り抜きを生成する場合。

イメージプロファイルは、特定のフォルダーに適用することも、全アセットにグローバルに適用することもできます。

特定フォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-specific-folders

ツール ​メニュー内から、またはフォルダー内にいる場合は「プロパティ」から、特定のフォルダーにイメージプロファイルを適用できます。この節では、イメージプロファイルをフォルダーに適用するための方法を両方とも説明します。

既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

プロファイルユーザーインターフェイスを使用したフォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-folders-from-profiles-user-interface

  1. AEM のロゴをタップし、ツール/Assets/イメージプロファイル ​に移動します。

  2. 1 つ以上のフォルダーに適用するイメージプロファイルを選択します。

    chlimage_1-255

  3. 処理プロファイルをフォルダーに適用」をタップし、新規にアップロードするアセットを置くために使用するフォルダーを 1 つ以上選択し、「適用」をタップまたはクリックします。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

プロパティを使用したフォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-folders-from-properties

  1. AEMロゴをタップし、に移動します。 Assets. 次に、画像プロファイルを適用するフォルダーの親フォルダーに移動します。

  2. チェックマークをタップして対象のフォルダーを選択し、「プロパティ」をタップします。

  3. イメージプロファイル」タブをタップします。「プロファイル名」ドロップダウンリストからプロファイルを選択し、「保存して閉じる」をタップします。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

    chlimage_1-256

Dynamic Media イメージプロファイルのフォルダーへのグローバルな適用 applying-an-image-profile-globally

フォルダーにプロファイルを適用する以外に、フォルダー内のAEM Assetsにアップロードされるコンテンツに選択したプロファイルが適用されるように、グローバルに適用することもできます。

Dynamic Media イメージプロファイルをグローバルに適用するには

  1. 次のいずれかの操作を行います。

    • に移動します。 https://<aem server="">/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam をクリックし、適切なプロファイルを適用してをタップします。 保存.

      chlimage_1-257

    • CRXDE Lite で、/content/dam/jcr:content ノードに移動します。

      プロパティ imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile> を追加し、「すべて保存」をタップします。

      configure_image_profiles

単一の画像のスマート切り抜きまたはスマートスウォッチの編集 editing-the-smart-crop-or-smart-swatch-of-a-single-image

NOTE
スマート切り抜きは、Dynamic Media - Scene7 モードでのみ使用できます。

画像のスマート切り抜きウィンドウの位置の再調整またはサイズの変更を手動で行って、焦点位置を細かく調整することができます。

スマート切り抜きを編集して保存すると、その画像の切り抜きを使用しているすべての場所で変更が反映されます。

必要に応じてスマート切り抜きを再実行して、追加の切り抜きを再度生成することができます。

複数の画像のスマート切り抜きまたはスマートスウォッチの編集も参照してください。

単一画像のスマート切り抜きまたはスマートスウォッチを編集するには

  1. AEM ロゴをタップし、アセット ​に移動した後、スマート切り抜きまたはスマートスウォッチのイメージプロファイルが適用されているフォルダーに移動します。

  2. フォルダーをタップして、内容を開きます。

  3. 調整するスマート切り抜きまたはスマートスウォッチが含まれる画像をタップします。

  4. ツールバーで、「スマート切り抜き」をタップします。

  5. 次のいずれかの操作をおこないます。

    • ページの右上付近にあるスライダーバーを左右にドラッグして、それぞれの画像表示を調整します。
    • 画像上で、コーナーハンドルをドラッグして、切り抜きまたはスウォッチの表示可能領域のサイズを調整します。
    • 画像上で、ボックスまたはスウォッチを新しい場所にドラッグします。編集できるのは画像スウォッチのみであり、カラースウォッチは静的です。
    • 画像の上部にある「元に戻す」をタップして、すべての編集作業を取り消し、元の切り抜きまたはスウォッチを復元します。
  6. ページの右上にある「保存」をタップし、「閉じる」をタップして、アセットのフォルダーに戻ります。

複数の画像のスマート切り抜きまたはスマートスウォッチの編集 editing-the-smart-crop-or-smart-swatch-of-multiple-images

スマート切り抜きを含んだイメージプロファイルをフォルダーに適用すると、そのフォルダー内のすべての画像に切り抜きが適用されます。必要に応じて、複数の画像のスマート切り抜きウィンドウの位置の再調整またはサイズの変更を​ 手動 ​で行って、その焦点位置を細かく調整することができます。

スマート切り抜きを編集して保存すると、その画像の切り抜きを使用しているすべての場所で変更が反映されます。

必要に応じてスマート切り抜きを再実行して、追加の切り抜きを再度生成することができます。

複数画像のスマート切り抜きまたはスマートスウォッチを編集するには

  1. AEM ロゴをタップし、アセット ​に移動した後、スマート切り抜きまたはスマートスウォッチのイメージプロファイルが適用されているフォルダーに移動します。

  2. フォルダーで、その他のアクション(…)アイコンをタップし、「スマート切り抜き」をタップします。

  3. スマート切り抜きを編集 ​ページで、次のいずれかの操作をおこないます。

    • 画像の表示サイズを調整します。

      ブレークポイント名のドロップダウンリストの右側にあるスライダーバーを左右にドラッグして表示可能な画像表示のサイズを変更します。

      edit_smart_crops-sliderbar

    • ブレークポイント名に基づいて、表示可能な画像のリストをフィルタリングします。次の例では、「Medium」というブレークポイント名で画像がフィルタリングされています。

      ページの右上隅にあるドロップダウンリストから、ブレークポイント名を選択して、表示する画像を絞り込みます(上記の画像を参照してください)。

      edit_smart_crops-dropdownlist

    • スマート切り抜きボックスのサイズを変更します。次のいずれかの操作を行います。

      • 画像にスマート切り抜きまたはスマートスウォッチのみが適用されている場合は、画像の切り抜きボックスのコーナーハンドルをドラッグして、切り抜きの表示可能領域のサイズを調整します。
      • 画像にスマート切り抜きとスマートスウォッチの両方が含まれている場合は、画像の切り抜きボックスのコーナーハンドルをドラッグして、切り抜きの表示可能領域のサイズを調整します。または、画像の下のスマートスウォッチをタップまたはクリックし(カラースウォッチは静的です)、切り抜きボックスの隅のハンドルをドラッグして、スウォッチの表示可能領域のサイズを調整します。

      画像のスマート切り抜きのサイズ変更。

    • スマート切り抜きボックスを移動します。次のいずれかの操作を行います。

      • 画像にスマート切り抜きまたはスマートスウォッチのみが含まれている場合は、画像上で切り抜きボックスを新しい場所にドラッグします。
      • 画像にスマート切り抜きとスマートスウォッチの両方が含まれている場合は、画像上でスマート切り抜きボックスを新しい場所にドラッグします。または、画像の下のスマートスウォッチをタップし(カラースウォッチは静的です)、スマートスウォッチの切り抜きボックスを新しい場所にドラッグします。

      edit_smart_crops-move

    • すべての編集作業を取り消し、元のスマート切り抜きまたはスマートスウォッチを復元します(現在の編集セッションにのみ適用されます)。

      画像の上にある「元に戻す」をタップします。

      edit_smart_crops-revert

  4. ページの右上隅にある「保存」をタップします。「閉じる」をタップして、アセットのフォルダーに戻ります。

フォルダーからのイメージプロファイルの削除 removing-an-image-profile-from-folders

フォルダーからイメージプロファイルを削除すると、サブフォルダーは自動的に親フォルダーのプロファイルの削除状態を継承します。ただし、フォルダー内で実行されたファイルの処理はそのまま維持されます。

ツール ​メニュー内から、またはフォルダー内にいる場合は「プロパティ」で、特定のフォルダーからイメージプロファイルを削除できます。この節では、イメージプロファイルをフォルダーから削除するための方法を両方とも説明します。

プロファイルユーザーインターフェイスを使用したフォルダーからの Dynamic Media イメージプロファイルの削除 removing-image-profiles-from-folders-via-profiles-user-interface

  1. AEM のロゴをタップし、ツール/Assets/イメージプロファイル ​に移動します。

  2. 1 つ以上のフォルダーから削除するイメージプロファイルを選択します。

  3. フォルダーから処理プロファイルを削除」をタップし、プロファイルを削除するフォルダーを 1 つ以上選択して、「削除」をタップします。

    名前がフォルダー名の下に表示されなくなっていることで、イメージプロファイルがフォルダーに適用されていないことを確認できます。

プロパティを使用したフォルダーからの Dynamic Media イメージプロファイルの削除 removing-image-profiles-from-folders-via-properties

  1. AEM のロゴをタップして「Assets」に移動した後、イメージプロファイルを削除するフォルダーに移動します。

  2. チェックマークをタップして対象のフォルダーを選択し、「プロパティ」をタップします。

  3. イメージプロファイル」タブを選択します。

  4. プロファイル名」ドロップダウンリストから「なし」を選択し、「保存して閉じる」をタップします。

    既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad