Dynamic Media 画像プロファイル image-profiles
画像をアップロードするときに、フォルダーにイメージプロファイルを適用することで、アップロード時に自動的に画像を切り抜くことができます。
「アンシャープマスク」オプション unsharp-mask
画像プロファイルを作成する場合は、「アンシャープマスク」オプションを使用すると、最終的なダウンサンプリングに対する画像のシャープニングフィルター効果を微調整できます。効果の強さ、効果の半径(ピクセル単位)、無視されるコントラストのしきい値を調整できます。このエフェクトは、Adobe Photoshop の「アンシャープマスク」フィルターと同じオプションを使用します。
「アンシャープマスク」には次のフィルタリングオプションがあります。
シャープニングについては、画像のシャープニングを参照してください。
切り抜きツールオプション crop-options
画像にスマート切り抜きを実装する場合、アドビでは次のベストプラクティスを推奨し、次の制限を適用します。
Dynamic Media の制限も参照してください。
スマート切り抜きの座標は、アスペクト比に応じて異なります。画像プロファイルのスマート切り抜き設定で、画像プロファイルに追加された寸法のアスペクト比が同じ場合、そのアスペクト比が Dynamic Media に送信されます。アドビでは、同じ切り抜き領域を使用することを推奨します。そうすれば、イメージプロファイルで使用される様々なサイズに影響を与えません。
スマート切り抜きを生成するたびに、追加の処理が必要になります。例えば、スマート切り抜きのアスペクト比を 6 つ以上追加すると、アセット取り込み速度が遅くなる可能性があります。また、システムの負荷が増大するおそれもあります。スマート切り抜きはフォルダーレベルで適用できるので、必要な場所で のみ フォルダーに使用することをお勧めします。
画像プロファイルでのスマート切り抜きの定義に関するガイドライン
スマート切り抜きの使用状況を制御し、切り抜きの処理時間や保存を最適化するには、アドビでは次のガイドラインとヒントを推奨します。
- スマート切り抜きを適用する画像アセットは、少なくとも 50 x 50 ピクセル以上である必要があります。
- 画像あたり 10~15 個のスマート切り抜きを行い、画面の比率と処理時間に合わせて最適化するのが理想的です。
- 最終的な用途ではなく、切り抜きのサイズに基づいてスマート切り抜きに名前を付けます。これにより、単一のディメンションが複数のページで使用される重複を最適化するのに役立ちます。
- すべてのフォルダーやアセットに適用される共通のスマート切り抜きプロファイルではなく、個別のフォルダーやサブフォルダーを対象とするページやアセットタイプごとの画像プロファイルを作成します。
- フォルダーに適用された画像プロファイルは、サブフォルダーに適用する画像プロファイルで上書きされます。
- 重複したスマート切り抜きのサイズを含むイメージプロファイルは許可されていません。
- スマート切り抜きオプションが設定されている名前付きイメージプロファイルの重複は、許可されていません。
2 つの画像切り抜きオプション(ピクセル切り抜きとスマート切り抜き)から選択できます。また、カラーおよび画像スウォッチの作成を自動化するか、ターゲットの解像度をまたいで切り抜きコンテンツを保持するかを選択することもできます。
画像の各辺から切り抜くには、画像の任意の辺または四辺からの切り抜きのサイズ(ピクセル数)を入力します。画像がどれだけ切り抜かれるかは、画像ファイル内の ppi(1 インチあたりのピクセル数)の設定によって変わります。
画像プロファイルのピクセル切り抜きは次の方法で実行されます。画像プロファイルのピクセル切り抜きは、次のようにレンダリングされます。
• 値は「上」、「下」、「左」、「右」です。
・左上が
0,0
と見なされ、そこからピクセル切り抜きが計算されます。・切り抜きの開始点:左は X、上は Y
・水平方向の計算:元の画像の水平方向のピクセルサイズから「左」を引いた後、「右」を引いた値。
・垂直方向の計算:垂直方向の高さ(ピクセル)から「上」と「下」を差し引きます。
例えば、4000 x 3000 ピクセルの画像があるとします。値として「上」= 250、「下」= 500、「左」= 300、「右」= 700 を使用します。
左上 (300,250) から、(4000-300-700, 3000-250-500) つまり (3000,2250) のフィルスペースを使って切り抜きます。
「切り抜きオプション」ドロップダウンリストで、「スマート切り抜き」を選択し、「レスポンシブ画像の切り抜き」の右側で、この機能を有効(オン)にします。
デフォルトのブレークポイントサイズ(大、中、小)は、ほとんどの画像がモバイルやタブレットデバイス、デスクトップ、バナーで使用されるサイズの全範囲をカバーしています。大、中、小のデフォルト値は、必要に応じて編集できます。
ブレークポイントを追加するには、「切り抜きを追加」を選択します。切り抜きを削除するには、ごみ箱アイコンを選択します。
商品画像から色やテクスチャを示す高品質のスウォッチを自動的に検出して生成します。
「切り抜きオプション」ドロップダウンリストで、「スマート切り抜き」を選択します。 次に、 カラーおよび画像スウォッチ の右側で、この機能を有効(オン)にします。「幅」と「高さ」テキストフィールドにピクセル値を入力します。
画像の切り抜きはすべてレンディションパネルから使用できますが、スウォッチを使用するには 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</code>:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,json
•
https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml
注意:カラースウォッチを要求し、24 ビット RGB 16 進値で表される
SmartSwatchColor
属性を解析するには、独自の WCM コンポーネントを作成する必要があります。ビューアリファレンスガイドの「
userdata
」も参照してください。様々な解像度の特定の縦横比に対して、焦点を維持したまま、新しい切り抜きコンテンツを生成するには、このオプションのチェックを外します
このチェックボックスをオフにする場合は、元の画像の解像度が、スマート切り抜きプロファイルに定義した解像度よりも大きいことを確認します。
例えば、縦横比を 600 x 600(大)、400 x 400(中)、300 x 300(小)に設定したとします。
「ターゲット解像度全体で切り抜きコンテンツを保持する」オプションを オン にすると、次の画像の出力例のように、3 つの解像度すべてで同じ切り抜きが表示されます(説明のみを目的としています)。
「ターゲット解像度全体で切り抜きコンテンツを保持する」オプションを オフ にすると、次の画像の出力例のように、3 つの解像度すべてで切り抜きコンテンツが新しくなります(説明のみを目的としています)。
スマート切り抜きとカラースウォッチでサポートされる画像ファイル形式
サポートされる入力ファイルの最大サイズ解像度は 16K です。
.bmp
.gif
.jpg
および .jpeg
.png
.psd
CMYK
.tif
および .tiff
CMYK
Dynamic Media イメージプロファイルの作成 creating-image-profiles
他のアセットタイプへの高度な処理パラメーターの定義については、アセット処理の設定を参照してください。
詳しくは、Dynamic Media のイメージプロファイルとビデオプロファイルについてを参照してください。
処理プロファイルを使用するためのデジタルアセットの編成のベストプラクティスを参照してください。
Dynamic Media 画像プロファイルを作成するには:
-
Adobe Experience Manager のロゴを選択し、ツール/Assets/画像プロファイル に移動します。
-
画像プロファイルを追加するには、「作成」を選択します。
-
プロファイル名を入力し、アンシャープマスクのほか、切り抜きとスウォッチのいずれかまたは両方の値を入力します。
ヒント:目的に沿ったプロファイル名を使用します。例えば、スウォッチのみを生成するプロファイルを作成するとします。つまり、スマート切り抜きは無効(オフ)になり、カラーと画像スウォッチは有効(オン)になります。このような場合は、「スマートスウォッチ」というプロファイル名を使用できます。
スマート切り抜きとスマートスウォッチオプション および アンシャープマスク も参照してください。
-
「保存」を選択します。作成したプロファイルが、使用可能なプロファイルのリストに表示されます。
Dynamic Media イメージプロファイルの編集または削除 editing-or-deleting-image-profiles
-
Experience Manager ロゴを選択し、ツール/Assets/画像プロファイル に移動します。
-
編集または削除する画像プロファイルを選択します。編集するには、「画像処理プロファイルを編集」を選択します。削除するには、「画像処理プロファイルを削除」を選択します。
-
編集する場合は、変更を保存します。削除する場合は、プロファイルの削除を確定します。
フォルダーへの Dynamic Media イメージプロファイルの適用 applying-an-image-profile-to-folders
フォルダーに画像プロファイルを割り当てると、サブフォルダーは自動的に親フォルダーのプロファイルを継承します。したがって、1 つのフォルダーに割り当てることができる画像プロファイルは 1 つのみになります。そのため、アセットをアップロード、保存、使用およびアーカイブする場所のフォルダー構造については入念に検討してください。
フォルダーに異なるイメージプロファイルを割り当てた場合、新しいプロファイルが以前のプロファイルよりも優先されます。以前に存在していたフォルダーのアセットは変更されずに維持されます。新しいプロファイルは、その後にフォルダーに追加されるアセットに対して適用されます。
プロファイルが割り当てられているフォルダーには、ユーザーインターフェイス上でカード内に表示されたときに、そのプロファイルの名前が示されます。
イメージプロファイルは、特定のフォルダーに適用することも、全アセットにグローバルに適用することもできます。
後で変更した既存のイメージプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。
特定フォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-specific-folders
ツール メニュー内から、またはフォルダー内にいる場合は「プロパティ」から、特定のフォルダーにイメージプロファイルを適用できます。
既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。
後で変更した既存のビデオプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。
プロファイルユーザーインターフェイスを使用したフォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-folders-from-profiles-user-interface
-
Experience Manager ロゴを選択し、ツール/Assets/画像プロファイル に移動します。
-
1 つ以上のフォルダーに適用するイメージプロファイルを選択します。
-
「処理プロファイルをフォルダーに適用」を選択し、新たにアップロードされたアセットを受け取る 1 つまたは複数のフォルダーを選択して、「適用」を選択します。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。
プロパティを使用したフォルダーへの Dynamic Media イメージプロファイルの適用 applying-image-profiles-to-folders-from-properties
-
Experience Manager のロゴを選択し、アセット に移動します。
-
イメージプロファイルを適用する フォルダー(アセットではない)に移動します。
-
現在の表示に応じて、次のいずれかの操作を行います。
- カード表示では、フォルダーの上にポインターを置き、チェックマークを選択してフォルダーを選択します。
- 列表示またはリスト表示では、フォルダー名の左側にあるチェックボックスを選択します。
-
ツールバーの「プロパティ」を選択します。
-
「Dynamic Media 処理」タブを選択します。
-
イメージプロファイル の下で、適用するプロファイルを「プロファイル名」ドロップダウンリストから選択します。
-
ページの右上隅付近にある「保存して閉じる」を選択します。既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。
Dynamic Media イメージプロファイルグローバルな適用 applying-an-image-profile-globally
1 つのフォルダーに 1 つのプロファイルを適用する以外に、1 つをグローバルに適用することもできます。任意のフォルダー内の Experience Manager アセットにアップロードされたコンテンツには、選択したプロファイルが適用されます。
後で変更した既存のビデオプロファイルが存在するフォルダー内のアセットを再処理できます。処理プロファイルを編集した後のフォルダー内のアセットの再処理を参照してください。
Dynamic Media 画像プロファイルをグローバルに適用するには:
-
次のいずれかの操作を行います。
-
https://<AEM server>/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam
に移動して適切なプロファイル適用し、「保存」を選択します。 -
CRXDE Lite で、
/content/dam/jcr:content
ノードに移動します。プロパティ
imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile>
を追加し、「すべて保存」を選択します。
-
単一の画像のスマート切り抜きまたはスマートスウォッチの編集 editing-the-smart-crop-or-smart-swatch-of-a-single-image
画像のスマート切り抜きウィンドウの位置の再調整またはサイズの変更を手動で行って、焦点位置を細かく調整することができます。
スマート切り抜きを編集して保存すると、その画像の切り抜きを使用しているすべての場所で変更が反映されます。
フォルダー内の Dynamic Media アセットの再処理 を参照してください。
必要に応じてスマート切り抜きを再実行して、追加の切り抜きを再度生成することができます。
複数の画像のスマート切り抜きまたはスマートスウォッチの編集 も参照してください。
単一の画像のスマート切り抜きまたはスマートスウォッチの編集:
-
Experience Manager ロゴを選択し、Assets に移動した後、スマート切り抜きまたはスマートスウォッチの画像プロファイルが適用されているフォルダーに移動します。
-
コンテンツを開くには、フォルダーを選択します。
-
スマート切り抜きまたはスマートスウォッチを調整する画像を選択します。
-
ツールバーで、「スマート切り抜き」を選択します。
-
次のいずれかの操作を行います。
- ページの右上隅にあるスライダーバーを左右にドラッグして画像表示を拡大または縮小します。
- 画像のコーナーハンドルをドラッグして、切り抜きまたはスウォッチの表示可能領域のサイズを調整します。
- 画像上で、ボックスまたはスウォッチを新しい場所にドラッグします。編集できるのは、画像スウォッチのみです。カラースウォッチは静的です。
- 画像の上部にある「元に戻す」を選択して、すべての編集作業を取り消し、元の切り抜きまたはスウォッチを復元します。
- キーボードの矢印キーを使用して、フレームサイズを切り抜いたり、画像の位置を変更したりします。
-
ページの右上付近にある「保存」を選択し、「閉じる」を選択して、アセットのフォルダーに戻ります。
複数の画像のスマート切り抜きまたはスマートスウォッチの編集 editing-the-smart-crop-or-smart-swatch-of-multiple-images
スマート切り抜きを含んだ画像プロファイルをフォルダーに適用すると、そのフォルダー内のすべての画像に切り抜きが適用されます。必要に応じて、複数の画像のスマート切り抜きウィンドウの位置の再調整またはサイズの変更を 手動 で行って、その焦点位置を細かく調整することができます。
スマート切り抜きを編集して保存すると、その画像の切り抜きを使用しているすべての場所で変更が反映されます。
フォルダー内の Dynamic Media アセットの再処理 を参照してください。
必要に応じてスマート切り抜きを再実行して、追加の切り抜きを再度生成することができます。
複数画像のスマート切り抜きまたはスマートスウォッチの編集:
-
Experience Manager ロゴを選択し、Assets に移動した後、スマート切り抜きまたはスマートスウォッチの画像プロファイルが適用されているフォルダーに移動します。
-
フォルダーで、その他のアクション(…)アイコンを選択し、「スマート切り抜き」を選択します。
-
スマート切り抜きを編集 ページで、次のいずれかの操作を行います。
-
画像の表示サイズを調整します。
ブレークポイント名のドロップダウンリストの右側にあるスライダーバーを左右にドラッグして表示可能な画像表示のサイズを変更します。
-
ブレークポイント名に基づいて、表示可能な画像のリストをフィルタリングします。以下の例では、「中」というブレークポイント名で画像を絞り込んでいます。
ページの右上隅にあるドロップダウンリストから、ブレークポイント名を選択して、表示する画像を絞り込みます(上記の画像を参照してください)。
-
スマート切り抜きボックスのサイズを変更します。次のいずれかの操作を行います。
- 画像にスマート切り抜きまたはスマートスウォッチのみが適用されている場合は、画像の切り抜きボックスのコーナーハンドルをドラッグして、切り抜きの表示可能領域のサイズを調整します。
- 画像にスマート切り抜きとスマートスウォッチの両方が適用されている場合は、画像の切り抜きボックスのコーナーハンドルをドラッグして、切り抜きの表示可能領域のサイズを調整します。または、画像の下のスマートスウォッチを選択し(カラースウォッチは静的です)、切り抜きボックスの隅のハンドルをドラッグします。スウォッチの表示可能領域のサイズを調整します。
-
スマート切り抜きボックスを移動します。次のいずれかの操作を行います。
- 画像にスマート切り抜きまたはスマートスウォッチのみが適用されている場合は、画像の切り抜きボックスを新しい場所にドラッグします。
- 画像にスマート切り抜きとスマートスウォッチの両方が含まれている場合は、画像上でスマート切り抜きボックスを新しい場所にドラッグします。または、画像の下部にあるスマートスウォッチを選択してから(カラースウォッチは静的です)、スマートスウォッチの切り抜きボックスを新しい場所にドラッグします。
-
すべての編集作業を取り消し、元のスマート切り抜きまたはスマートスウォッチを復元します(現在の編集セッションにのみ適用されます)。
画像の上にある「元に戻す」を選択します。
-
-
ページの右上付近にある「保存」を選択し、「閉じる」を選択して、アセットのフォルダーに戻ります。
フォルダーからのイメージプロファイルの削除 removing-an-image-profile-from-folders
フォルダーからイメージプロファイルを削除すると、サブフォルダーは自動的に親フォルダーのプロファイルの削除状態を継承します。ただし、フォルダー内で実行されたファイルの処理はそのまま維持されます。
ツール メニュー内から、またはフォルダー内にいる場合は「プロパティ」で、特定のフォルダーからイメージプロファイルを削除できます。
プロファイルユーザーインターフェイスを使用したフォルダーからの Dynamic Media イメージプロファイルの削除 removing-image-profiles-from-folders-via-profiles-user-interface
-
Experience Manager ロゴを選択し、ツール/Assets/画像プロファイル に移動します。
-
1 つ以上のフォルダーから削除する画像プロファイルを選択します。
-
「フォルダーから処理プロファイルを削除」を選択し、プロファイルを削除する 1 つまたは複数のフォルダーを選択して、「削除」を選択します。
名前がフォルダー名の下に表示されなくなっていることで、イメージプロファイルがフォルダーに適用されていないことを確認できます。
プロパティを使用したフォルダーからの Dynamic Media イメージプロファイルの削除 removing-image-profiles-from-folders-via-properties
-
Experience Manager ロゴを選択して「アセット」に移動した後、画像プロファイルを削除するフォルダーに移動します。
-
チェックマークを選択して対象のフォルダーを選択し、「プロパティ」を選択します。
-
「イメージプロファイル」タブを選択します。
-
「プロファイル名」ドロップダウンリストから「なし」を選択し、「保存して閉じる」を選択します。
既にプロファイルが割り当てられているフォルダーには、フォルダー名のすぐ下にプロファイルの名前が表示されます。