画像セット

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

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

chlimage_1-133

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

この使い方は、アイテムを異なる色、パターンまたは仕上がりで表示する場合に便利です。カラースウォッチを含む画像セットを作成するには、ユーザーに表示する色、パターンまたは仕上がりごとに画像を 1 つずつ用意する必要があります。また、色、パターンまたは仕上がりごとに 1 つのカラースウォッチ、パターンスウォッチまたは仕上がりスウォッチを用意する必要もあります。

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

メモ

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

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

すぐに使い始めるには:

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

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

    重要

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

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

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

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

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

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

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

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

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

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

    ビューアプリセットを作成または編集するには、ツールアセットビューアプリセット​を選択します。

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

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

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

  7. 画像セットを発行します

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

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

    画像セットの URL 呼び出しが作成され、画像セットの公開後にそれらの URL 呼び出しがアクティベートされます。アセットをプレビューする際に、これらの 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 Assets では多くの画像ファイル形式がサポートされますが、可逆圧縮 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. (オプション)次のいずれかの操作を行います。

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

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

    メモ

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

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

画像セットの表示

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

重要

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

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

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

    6_5_imageset-assetproperties

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

    6_5_imageset-setspulldownmenu

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

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

    chlimage_1-134

メモ

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

画像セットの編集

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

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

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

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

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

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

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

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

      メモ

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

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

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

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

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

    メモ

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

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

画像セットのプレビュー

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

画像セットの公開

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

このページ