アセットのプレビュー

プレビューを使用して、デジタルアセットが顧客にどのように表示されるかを確認することができます。プレビューでは、アセットに割り当てられている初期設定ビューアが使用されます。初期設定ビューアは、アプリケーション設定で設定します。

詳しくは、初期設定ビューアの設定を参照してください。

パラメータレイヤーのあるテンプレートアセットをプレビューする場合は、パラメータや画像プリセットを変更できます。変更はインラインで行われるため、同じプレビューウィンドウに直ちに結果が表示されます。

Adobeビューアリファレンスライブラリの例も参照してください。

アセットをプレビューするには

  1. 左側のアセットライブラリパネルで、プレビューするアセットを含むアセットフォルダに移動します。

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

    • アセットウィンドウの上のツールバー右側にある「グリッドビュー」をクリックします。
    • アセットウィンドウの上のツールバー右側にある「リストビュー」をクリックします。
    • アセットウィンドウの上のツールバー右側にある「詳細ビュー」をクリックします。
  3. 使用しているビューに応じて、次のいずれかの操作を行います。

    • グリッドビューまたはリストビューのアセットウィンドウで、1 つのアセットを選択して、サムネール画像の近くにある「プレビュー」をクリックします。
    • グリッドビュー、リストビューまたは詳細ビューのアセットウィンドウの上部にあるツールバーで、「プレビュー」をクリックします。

ビューアプラットフォームタイプに基づいたアセットのプレビュー

ビューアリストを使用すると、HTML5 などのビューアプラットフォームタイプそれぞれでアセットがどう見えるかをプレビューできます。アセットタイプとプレビューのために選択した関連ビューアによっては、ビューアリストで使用できないプラットフォームがあります。

また、ビューアリストを使用して、ビューアの URL をコピーしたり、ビューアコードを表示およびコピーして Web ページに埋め込むこともできます。

特定のビューアプラットフォームでは、ビューアリストウィンドウで、ビューアを使用可能なデバイス(タブレットやスマートフォンなど)をビジュアルに確認できます。

ビューアプラットフォームタイプに基づいてアセットをプレビューするには

  1. 左側のアセットライブラリパネルで、プレビューするアセットを含むアセットフォルダに移動します。

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

    • アセットウィンドウの上のツールバー右側にある「グリッドビュー」をクリックします。アセットウィンドウで 1 つのアセットを選択して、サムネール画像の下にあるプレビュー/ビューアリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「リストビュー」をクリックします。アセットウィンドウで 1 つのアセットを選択して、サムネール画像の右側にあるプレビュー/ビューアリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「詳細ビュー」をクリックします。同じツールバーにあるプレビュー/ビューアリストをクリックします。
  3. (オプション)ビューアリストウィンドウで、列見出し​「名前」​または​「プラットフォームタイプ」​をクリックして、列を昇順または降順で並べ替えます。

  4. ビューアリストウィンドウの表の「アクション」列にある「プレビュー」をクリックして、選択したビューアまたはプラットフォームタイプでアセットがどのように表示されるかを確認します。

    表示されたプレビューを閉じて、ビューアリストウィンドウに戻ります。

  5. (オプション)ビューアリストウィンドウ下部の「URL をコピー生成で使用する URL エンコーディング」ドロップダウンリストで、アセットの URL がコピーされるときにアセットの URL に適用する URL エンコーディングを選択します。

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

    • ビューアリストウィンドウの表の「アクション」列で、選択したビューアまたはプラットフォームタイプの「URL をコピー」をクリックします。

      「URL をコピー」をクリックすると、関連 URL がクリップボードへ自動的にコピーされます。

    • ビューアリストウィンドウの表の「アクション」列にある「埋め込みコード」をクリックします。

      「埋め込みコード」をクリックすると埋め込みコードウィンドウが開きます。このウィンドウで、ビューアコードをレビューすることができます。このウィンドウではコードの編集はできません。コードをクリップボードにコピーして、Web ページにペーストすることもできます。

      表示されたプレビューを閉じて、ビューアリストウィンドウに戻ります。

  7. ビューアリストウィンドウの右下隅にある「閉じる」をクリックしてアセット画面に戻ります。

画像プリセットに基づいた画像アセットのプレビュー

画像プリセットに基づいて画像アセットをプレビューして、異なるサイズで画像を Web サイトまたはアプリケーションに動的に配信したときに、画像がどのように表示されるかを確認できます。

画像プリセットは、画像を書き出すときにサイズ、画質、形式、解像度およびその他の画像の外観を変更する、一連の定義済みの設定です。

詳しくは、画像プリセットの設定を参照してください。

詳しくは、画像プリセットの作成と有効化を参照してください。

画像プリセットに基づいて画像アセットをプレビューするには

  1. 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダに移動します。

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

    • アセットウィンドウの上のツールバー右側にある「グリッドビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の下にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「リストビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の右側にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「詳細ビュー」をクリックします。同じツールバーにあるプレビュー/画像プリセットリストをクリックします。
  3. 画像プリセットリストウィンドウの表で、右パネルでインラインでプレビューする画像アセットのプリセットタイプ名を選択します。

  4. (オプション)画像プリセットリストウィンドウ下部の「URL をコピー生成で使用する URL エンコーディング」ドロップダウンリストで、画像アセットの URL がコピーされるときにアセットの URL に適用する URL エンコーディングを選択します。

  5. (オプション)画像プリセットリストウィンドウのプレビューパネルの右上の領域で、選択したプリセットの種類の「URL をコピー」をクリックします。

    「URL をコピー」をクリックすると、関連 URL がクリップボードへ自動的にコピーされます。

  6. 画像プリセットリストウィンドウの右下隅にある「閉じる」をクリックして、アセット画面に戻ります。

このページ

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
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now