Dynamic Media 画像プロファイル

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

重要

イメージプロファイルは、PDF、アニメーションGIF、INDD(Adobe InDesign) ファイルには適用されません。

アンシャープマスクオプション

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

メモ

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

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

オプション 説明
端のピクセルに適用するコントラストを制御します。デフォルトは 1.75 です。高解像度の画像ではこの値を 5 まで増やすことができます。「量」は、フィルター強度の尺度だと考えてください。範囲は 0~5 です。
半径 シャープに作用する端のピクセル周辺のピクセル数を決定します。高解像度の画像の場合は、1~2 を入力します。小さい値は端のピクセルのみをシャープにし、大きい値は広範囲のピクセルをシャープにします。適切な値は画像のサイズによって異なります。デフォルト値は 0.2 です。範囲は 0~250 です。
しきい値

アンシャープマスクフィルターが適用される場合のコントラストの範囲を指定します。つまり、このオプションは、シャープにされるピクセルが周囲の領域とどの程度違えば、そのピクセルをエッジのピクセルと見なしてシャープにするかを決定するものです。ノイズが入らないように、0~255 の範囲で様々な整数値を試してください。

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

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

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

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

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

重要

Adobeでは、生成される切り抜きやスウォッチを確認し、ブランドや値に適していることと、関連性が高いことを確認することをお勧めします。

オプション 用途 説明
ピクセル切り抜き 画像サイズにのみ基づいて画像を一括で切り抜きます。 次の 切り抜きオプション ドロップダウンリストで、「 ピクセル切り抜き.
画像の各辺から切り抜くには、画像の任意の辺または四辺からの切り抜きのサイズ(ピクセル数)を入力します。画像がどれだけ切り抜かれるかは、画像ファイル内の 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
また、 req=userdata 次の URL の例のように、XML 形式または JSON 形式の応答。
https://my.company.com</code>:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,json
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml

注意:独自の WCM コンポーネントを作成して、カラースウォッチを要求し、 SmartSwatchColor 属性。24 ビットRGBの 16 進値で表されます。
userdataビューアリファレンスガイドの「」も参照してください。
ターゲット解像度全体で切り抜きコンテンツを保持する 同じ縦横比でコンテンツを切り抜くようにするには スマート切り抜きプロファイルを作成する際に使用します。
様々な解像度の特定の縦横比に対して、焦点を維持したまま、新しい切り抜きコンテンツを生成するには、このオプションのチェックを外します。
このチェックボックスをオフにする場合は、元の画像の解像度が、スマート切り抜きプロファイルに定義した解像度よりも大きいことを確認します。

例えば、縦横比を 600 x 600(大)、400 x 400(中)、300 x 300(小)に設定したとします。
条件 ターゲット解像度間で切り抜きコンテンツを保持 オプションは オン​に設定されている場合は、次の画像のサンプル出力と同様に、3 つすべての解像度で同じ切り抜きが表示されます(例としてのみ)。
オプションがオン

条件 ターゲット解像度間で切り抜きコンテンツを保持 オプションは オフ​画像の次のサンプル出力に似た、3 つのすべての解像度の切り抜きコンテンツが新しくなりました(例としてのみ)。
オプションはオフ

スマート切り抜きおよびカラースウォッチでサポートされる画像ファイル形式

サポートされる入力ファイルの最大サイズ解像度は 16K です。

画像形式 ファイル拡張子の大文字と小文字を区別しない MIME タイプ サポートされる入力カラースペース サポートされる入力ファイルの最大サイズ サポートされている画像形式?
BMP .bmp image/bmp sRGB 4 GB 対応
EPS 不可
GIF .gif image/gif sRGB 15 GB はい、レンディションには、アニメーションGIFの最初のフレームが使用されます。 最初のフレームは設定または変更できません。
JPEG .jpg および .jpeg image/jpeg sRGB 15 GB 対応
PNG .png image/png sRGB 15 GB 対応
PSD .psd image/vnd.adobe.photoshop sRGB
CMYK
2 GB 対応
SVG 不可
TIFF .tif および .tiff image/tiff sRGB
CMYK
4 GB 対応
WebP/アニメーション WebP 不可

Dynamic Media イメージプロファイルの作成

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

詳しくは、Dynamic Media のイメージプロファイルとビデオプロファイルについてを参照してください。

処理プロファイルを使用するためのデジタルアセットの編成のベストプラクティスを参照してください。

Dynamic Media 画像プロファイルを作成するには

  1. Adobe Experience Manager のロゴを選択し、ツールAssets画像プロファイル​に移動します。

  2. 画像プロファイルを追加するには、「作成」を選択します。

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

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

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

    切り抜き

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

Dynamic Media イメージプロファイルの編集または削除

  1. Experience Manager ロゴを選択し、ツールAssets画像プロファイル​に移動します。

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

    chlimage_1-254

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

フォルダーへの Dynamic Media イメージプロファイルの適用

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

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

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

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

後で変更した既存のイメージプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。

特定フォルダーへの Dynamic Media イメージプロファイルの適用

ツール​メニュー内から、またはフォルダー内にいる場合は「プロパティ」から、特定のフォルダーにイメージプロファイルを適用できます。

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

後で変更した既存のビデオプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。

プロファイルユーザーインターフェイスを使用したフォルダーへの Dynamic Media イメージプロファイルの適用

  1. Experience Manager ロゴを選択し、ツールAssets画像プロファイル​に移動します。

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

    chlimage_1-255

  3. 処理プロファイルをフォルダーに適用」を選択し、新たにアップロードされたアセットを受け取る 1 つまたは複数のフォルダーを選択して、「適用」を選択します。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

プロパティを使用したフォルダーへの Dynamic Media イメージプロファイルの適用

  1. Experience Manager ロゴをタップし、アセット​に移動します。

  2. イメージプロファイルを適用する​フォルダー(アセットではない)に移動します。

  3. 現在の表示に応じて、次のいずれかの操作を行います。

    • カード表示では、フォルダーの上にポインターを置き、チェックマークを選択してフォルダーを選択します。
    • 列表示またはリスト表示では、フォルダー名の左側にあるチェックボックスを選択します。
  4. ツールバーの「プロパティ」を選択します。

  5. Dynamic Media 処理」タブを選択します。

  6. イメージプロファイル​の下で、適用するプロファイルを「プロファイル名」ドロップダウンリストから選択します。

  7. ページの右上隅付近にある「保存して閉じる」を選択します。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。

    chlimage_1-256

Dynamic Media イメージプロファイルグローバルな適用

1 つのフォルダーに 1 つのプロファイルを適用する以外に、1 つをグローバルに適用することもできます。任意のフォルダー内の Experience Manager アセットにアップロードされたコンテンツには、選択したプロファイルが適用されます。

後で変更した既存のビデオプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。

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

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

    • https://&lt;AEM server&gt;/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

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

重要

Adobeでは、生成されたスマート切り抜きとスマートスウォッチを確認して、ブランドや値に適切かつ関連性の高いものであることを確認することをお勧めします。

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

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

重要

アセットのスマート切り抜きウィンドウの再調整またはサイズ変更を手動でおこなう場合、後でアセットを再処理したとしても、編集内容は維持および保持されます。 ただし、幅、高さ、またはその両方を レスポンシブ画像の切り抜き の領域に反映される場合は、そのアセットは再処理の対象となります。
詳しくは、 フォルダー内のDynamic Mediaアセットの再処理.

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

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

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

  1. Experience Manager ロゴを選択し、Assets に移動した後、スマート切り抜きまたはスマートスウォッチの画像プロファイルが適用されているフォルダーに移動します。

  2. コンテンツを開くには、フォルダーを選択します。

  3. スマート切り抜きまたはスマートスウォッチを調整したい画像を選択します。

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

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

    • ページの右上隅にあるスライダーバーを左右にドラッグして画像表示を拡大または縮小します。
    • 画像のコーナーハンドルをドラッグして、切り抜きまたはスウォッチの表示可能領域のサイズを調整します。
    • 画像上のボックスまたはスウォッチを新しい場所にドラッグします。画像スウォッチは編集できますが、カラースウォッチは静的です。
    • 画像の上部にある「元に戻す」を選択して、すべての編集作業を取り消し、元の切り抜きまたはスウォッチを復元します。
    • キーボードの矢印キーを使用して、フレームサイズを切り抜いたり、画像の位置を変更したりします。
  6. ページの右上付近にある「保存」を選択し、「閉じる」を選択して、アセットのフォルダーに戻ります。

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

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

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

重要

複数のアセットのスマート切り抜きウィンドウの再調整またはサイズ変更を手動でおこなう場合、後でアセットを再処理する場合でも、それらの編集内容は保持され、保持されます。 ただし、幅、高さ、またはその両方を レスポンシブ画像の切り抜き 領域に反映された場合、それらのアセットは再処理の対象となります。
詳しくは、 フォルダー内のDynamic Mediaアセットの再処理.

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

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

  1. Experience Manager ロゴを選択し、Assets に移動した後、スマート切り抜きまたはスマートスウォッチの画像プロファイルが適用されているフォルダーに移動します。

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

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

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

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

      edit_smart_crops-sliderbar

    • ブレークポイント名に基づいて表示可能な画像のリストを絞り込みます。以下の例では、「中」というブレークポイント名で画像を絞り込んでいます。

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

      edit_smart_crops-dropdownlist

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

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

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

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

      • 画像にスマート切り抜きまたはスマートスウォッチのみが適用されている場合は、画像の切り抜きボックスを新しい場所にドラッグします。
      • 画像にスマート切り抜きとスマートスウォッチの両方が適用されている場合は、画像の切り抜きボックスを新しい場所にドラッグします。または、画像の下部にあるスマートスウォッチを選択してから(カラースウォッチは静的です)、スマートスウォッチの切り抜きボックスを新しい場所にドラッグします。

      edit_smart_crops-move

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

      画像の上にある「元に戻す」を選択します。

      edit_smart_crops-revert

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

フォルダーからのイメージプロファイルの削除

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

ツール​メニュー内から、またはフォルダー内にいる場合は「プロパティ」で、特定のフォルダーからイメージプロファイルを削除できます。

プロファイルユーザーインターフェイスを使用したフォルダーからの Dynamic Media イメージプロファイルの削除

  1. Experience Manager ロゴを選択し、ツールAssets画像プロファイル​に移動します。

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

  3. フォルダーから処理プロファイルを削除」を選択し、プロファイルを削除する 1 つまたは複数のフォルダーを選択して、「削除」を選択します。

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

プロパティを使用したフォルダーからの Dynamic Media イメージプロファイルの削除

  1. Experience Manager ロゴを選択して「アセット」に移動した後、画像プロファイルを削除するフォルダーに移動します。

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

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

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

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

このページ