画像セット

画像セットは、ユーザーに対して統一された閲覧エクスペリエンスを提供します。ユーザーはこのエクスペリエンスで、サムネール画像をクリックしてアイテムの様々なビューを表示できます。画像セットによって、アイテムの代替的なビューを表示でき、ビューアでは画像をより近くで確認するためのズームツールを利用できます。

画像セットのバナーには、「IMAGESET」と表示されます。また、画像セットが公開される場合は、公開日(ワールド​アイコンで示される)がバナーに表示されます。 また、鉛筆​アイコンで示される最終変更日も表示されます。

chlimage_1-133

画像セット内では、画像セットを作成してサムネールを追加することで、スウォッチを作成することもできます。

このアプリケーションは、アイテムを別の色、パターン、仕上げで表示する場合に便利です。 カラースウォッチを使用して画像セットを作成するには、ユーザに提示する色、パターン、または仕上げごとに1つの画像が必要です。 また、色、パターンまたは仕上がりごとに 1 つのカラースウォッチ、パターンスウォッチまたは仕上がりスウォッチを用意する必要もあります。

例として、つばの色が異なる帽子の画像を表示します。つばの色は、赤、緑、青です。この場合、同じ帽子について 3 つの写真が必要になります。赤のつばの写真、緑のつばの写真、青のつばの写真が必要です。また、赤のカラースウォッチ、緑のカラースウォッチ、青のカラースウォッチも必要になります。カラースウォッチは、ユーザーがスウォッチセットビューアでクリックして、赤のつばの帽子、緑のつばの帽子または青のつばの帽子を表示するためのサムネールとして機能します。

メモ

アセットユーザーインターフェイスについて詳しくは、タッチ UI を使用したアセットの管理を参照してください。

クイックスタート:画像セット

すぐに使い始めるには:

  1. (オプション)バッチセットプリセットを作成し、スピンセット画像がアップロードされる新しいフォルダに 適用します。

    バッチセットプリセットは、画像セットの作成を自動化するのに役立ちます。

    重要

    バッチセットは、アセットの取り込みの一環として IPS(Image Production System)で作成されます。

  2. 複数ビュー用のプライマリソース画像をアップロードします。

    画像セット用の画像をアップロードします。ユーザは画像セットビューアで画像をズームできます。 そのため、画像は慎重に選択してください。 最大サイズで 2,000 ピクセル以上の画像を使用してください。Experience Managerアセットは、多くの画像ファイル形式をサポートしていますが、可逆圧縮形式のTIFF、PNG、EPS画像を使用することをお勧めします。

  3. 画像セットを作成します。

    画像セットで、画像セットビューア内のサムネール画像をクリックします。

    Assets で画像セットを作成するには、作成/画像セット​をタップまたはクリックします。次に、画像を追加して「保存」をクリックします。

    詳しくは、アップロード用の画像セットアセットの準備およびファイルのアップロードを参照してください。

    セレクターの操作を参照してください。

  4. 必要に応じて画像セットビューアプリセットを追加します。

    管理者は、画像セットビューアプリセットを作成または編集できます。ビューアプリセットを使用して画像セットを表示するには、画像セットを選択し、左側のパネルのドロップダウンリストで「ビューア」を選択します。

    ビューアプリセットを作成または編集するには、ツール/アセット/ビューアプリセット​を参照してください。

  5. (オプション)バッチセットプリセットを使用して作成した画像セットの表示

  6. 画像セットをプレビューします。

    画像セットを選択すると、プレビューできます。選択したビューアで画像セットを確認するには、サムネールアイコンをタップします。 ビューア​メニューから様々なビューアを選択できます。このメニューは、左側のパネルのドロップダウンリストから利用できます。

  7. 画像セットを公開します。

    画像セットを公開すると、URL と埋め込み文字列がアクティベートされます。さらに、作成したカスタムビューアプリセットを公開する必要があります。既製のビューアプリセットが既に公開されています。

  8. URL を Web アプリケーションにリンクするか、ビデオビューアまたは画像ビューアを埋め込みます

    Experience Managerアセットは、画像セットを公開した後、画像セットのURL呼び出しを作成し、アクティブにします。 アセットをプレビューする際に、これらの URL をコピーできます。または、それらをWebサイトに埋め込むこともできます。

    画像セットを選択し、左側のパネルのドロップダウンリストで、「ビューア」を選択します。

    詳しくは、Web ページへの画像セットのリンクおよびビデオビューアまたは画像ビューアの埋め込みを参照してください。

画像セットを編集するには、画像セットの編集を参照してください。また、画像セットのプロパティを表示および編集することができます。

セットの作成で問題が発生した場合は、Dynamic Media のトラブルシューティングの「画像とセット」を参照してください。

画像セット用のアセットのアップロード

まず、画像セット用の画像アセットをアップロードします。ユーザは画像セットビューアで画像をズームできます。 そのため、画像は慎重に選択してください。 最適なズーム詳細には、最大サイズで 2,000 ピクセル以上の画像を使用してください。Dynamic Media では、各画像を最大 25 メガピクセルまでレンダリングできます。例えば、5,000 x 5,000 メガピクセルの画像や、その他のサイズの組み合わせを 25 メガピクセルまで使用できます。

画像セットでは多くの画像ファイル形式がサポートされますが、可逆圧縮 TIFF、PNG および EPS 画像の使用が推奨されます。

画像セット用の画像のアップロードは、AEM Assets での他のアセットのアップロードと同様に実行できます。

アップロード用の画像セットアセットの準備

画像セットを作成する前に、画像が適切なサイズと形式であることを確認します。

複数ビューの画像セットを作成するには、異なる視点からアイテムを表示するための画像、または同じアイテムの異なる面を表示するための画像が必要になります。目標は、閲覧者がアイテムの見た目や機能について全体的に把握できるように、アイテムの重要な特徴を際立たせることです。

ユーザーは画像セット内で画像をズームできるので、最大サイズで 2,000 ピクセル以上の画像を使用してください。Experience Managerアセットは、多くの画像ファイル形式をサポートしていますが、可逆圧縮形式のTIFF、PNG、EPS画像を使用することをお勧めします。

メモ

サムネールを使用して製品スウォッチを示す場合は、次の操作を行います。

同じ画像のビネットまたは異なるショットを作成し、異なる色、パターン、仕上げで表示します。 また、それぞれの色、パターンまたは仕上がりに対応するサムネールファイルも必要です。例えば、同じジャケットをブラック、ブラウン、グリーンで表示する画像セットのサムネールを表示するには、次の項目が必要です。

  • 同じジャケットのブラック、ブラウンおよびグリーンの写真。
  • ブラック、ブラウンおよびグリーンの色のサムネール。

画像セットの作成

画像セットは、ユーザインターフェイスまたはAPIを介して作成できます。

メモ

バッチセットプリセットを使用して画像セットを自動的に作成することもできます。
重要:​バッチセットは、アセットの取り込みの一環として IPS(Image Production System)で作成されます。

画像セットに追加したアセットは、自動的に英数字順で追加されます。アセットを追加した後、手動でアセットの順序を変更したり、並べ替えを行ったりできます。

メモ

ファイル名に「,」(コンマ)を含むアセットの画像セットはサポートされていません。

画像セットを作成するには

  1. Adobe Experience Managerで、Experience Managerのロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

  2. ナビゲーション/アセット​をタップします。 画像セットを作成する場所に移動し、作成/画像セット​をタップして、画像セットエディターページを開きます。

    アセットを格納しているフォルダー内からセットを作成することもできます。

    6_5_imagesets-createpulldown

  3. 画像セットエディターページの「タイトル」フィールドに画像セットの名前を入力します。この名前は、画像セット全般のバナーに表示されます。オプションで、説明を入力します。

    6_5_imageset-creatingnewset

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

    • 画像セットエディターページの左上隅付近にある「アセットを追加」をタップします。

    • 画像セットエディターページの中央付近にある「タップしてアセットセレクターを開く」をタップします。

    画像セットに含めるアセットをタップして選択しします。選択したアセットには、チェックマークのアイコンが表示されます。 終了したら、ページ右上隅近くにある「選択」をタップします。

    アセットセレクターでは、キーワードを入力して Enter キーをタップまたはクリックすることで、アセットを検索することができます。フィルターを適用して、検索結果を絞り込むこともできます。パス、コレクション、ファイルタイプおよびタグでフィルタリングできます。フィルターを選択し、ツールバーの​フィルター​アイコンをタップします。 表示アイコンをタップし、列表示カード表示リスト表示​のいずれかを選択してビューを変更します。

    セレクターの操作を参照してください。

    6_5_imageset-addingassets

  5. 画像セットに追加したアセットは、自動的に英数字順で追加されます。アセットを追加した後、手動でアセットの順序を変更したり、並べ替えを行ったりできます。

    必要に応じて、アセットのファイル名の右側にあるアセットの並べ替えアイコンをドラッグし、設定したリストの上下に画像を並べ替えます。

    6_5_imageset-reorderassets

    サムネールまたはスウォッチを変更する場合は、画像の横の「+サムネール​アイコンをクリックし、必要なサムネールまたはスウォッチに移動します。すべての画像の選択が完了したら、「保存」をクリックします。

  6. (オプション)次のいずれかの操作をおこないます。

    • 画像を削除するには、画像を選択し、「アセットを削除」をタップします。

    • ページの右上隅付近にプリセットを適用するには、「プリセット」をタップした後、すべてのアセットに一度に適用するプリセットを選択します。

    メモ

    画像セットを作成するときに、画像セットのサムネールを変更できます。 または、画像セット内のアセットに基づいてExperience Managerが自動的にサムネールを選択するように設定することもできます。 サムネールを選択するには、画像セットエディタページの「タイトル」フィールドの上にある「サムネールを変更」をタップします。次に、任意の画像を選択します(他のフォルダーに移動して画像を検索することもできます)。 サムネールを選択した場合は、Experience Managerを画像セットから生成するように決定し、「 自動サムネール​に切り替え」を選択します。

  7. 保存」をクリックします。新しく作成した画像セットが、作成先のフォルダーに表示されます。

画像セットの表示

画像セットは、ユーザーインターフェイスで作成することも、バッチセットプリセットを使用して自動的に作成することもできます。

重要

バッチセットは、アセットの取り込みの一環として IPS([Image Production System])で作成されます。

ただし、バッチセットプリセットを使用して作成したセットは、ユーザーインターフェイスに表示​されません。これらのセットは 3 つの異なる方法で表示できます(これらの方法は、画像セットをユーザーインターフェイスで作成した場合も使用できます)。

  • アセットのプロパティを開きます。 選択したアセットが参照されている、またはメンバーとして含まれているセットがプロパティで示されます。セット全体を表示するには、セット名をタップします。

    6_5_imageset-assetproperties

  • 任意のセットのメンバー画像で、セット​メニューを選択して、アセットがメンバーとして含まれているセットを表示します。

    6_5_imageset-setspulldownmenu

  • 検索で、「フィルター」を選択し、「Dynamic Media」を展開して「セット」を選択します。

    検索結果として、UI で手動で作成した一致するセットか、バッチセットプリセットを使用して自動的に作成した一致するセットが返されます。自動セットの場合、検索クエリは「開始と」を使用して実行されます。 この検索条件は、「次を含む」を使用するExperience Managerとは異なります。 フィルターを「セット」に設定するのが、自動セットを検索する唯一の方法です。

    chlimage_1-134

メモ

画像セットの編集の説明に従って、ユーザーインターフェイスを通じて画像セットを表示できます。

画像セットの編集

画像セットに対して、次のような様々な編集タスクを実行できます。

  • 画像セットへの画像の追加
  • 画像セット内の画像の順序を変更します。
  • 画像セットのアセットの削除
  • ビューアプリセットの適用
  • 画像セットの削除

画像セットを編集するには

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

    • 画像セットアセット上にマウスポインターを置き、編集(鉛筆アイコン)をタップします。
    • 画像セットアセットの上にカーソルを置き、「選択」(チェックマークのアイコン)をタップし、ツールバーの「編集」をタップします。
    • 画像セットのアセットをタップし、ツールバーの​編集(鉛筆アイコン)をタップします。
  2. 画像セット内の画像を編集するには、次のいずれかの操作をおこないます。

    • アセットを並べ替えるには、画像を新しい位置までドラッグします(並べ替えアイコンを選択して項目を移動します)。

    • 項目を昇順または降順に並べ替えるには、列の見出しをクリックします。

    • アセットを追加するか既存のアセットを更新するには、「アセットを追加」をクリックします。アセットに移動して選択し、ページの右上隅にある「選択」をタップしますページ。

      メモ

      Experience Managerがサムネールに使用している画像を削除し、別の画像で置き換えた場合も、元のアセットが表示されます。

    • アセットを削除するには、アセットを選択して、「アセットを削除」をタップまたはクリックします。

    • プリセットを適用するには、ページの右上隅付近にある「プリセット」をタップし、ビューアプリセットを選択します。

    • サムネールを追加または変更するには、該当するアセットの右横にあるサムネールアイコンを選択します。新しいサムネールまたはスウォッチアセットに移動して選択し、「選択」をタップします。

    • 画像セット全体を削除するには、画像セットの場所に移動して画像セットを選択し、「削除」をタップします。

    メモ

    画像セット内の画像を編集できます。 セットに移動し、左側のレールで「メンバーを設定」をタップします。 編集ウィンドウを開くには、アセット上の鉛筆アイコンをタップします。

  3. 編集が完了したら、「保存」をタップします。

画像セットのプレビュー

詳しくは、アセットのプレビューを参照してください。

画像セットの公開

アセットの公開を参照してください。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free