スマートイメージング

スマートイメージングとは

スマートイメージングテクノロジーは、Adobe Sensei AI機能を適用し、既存の「画像プリセット」と連携して画像配信のパフォーマンスを向上させます。これは、クライアントのブラウザー機能に基づいて画像形式、サイズ、画質を自動的に最適化することです。

メモ

この機能を使用するには、Adobe Experience Manager Dynamic Media にバンドルされている標準搭載の CDN(コンテンツ配信ネットワーク)を使用する必要があります。この機能では、その他のカスタム CDN はサポートされません。

スマートイメージングをアドビのクラス最高のプレミアム CDN サービスと完全に統合することで、パフォーマンスを大幅にアップさせることもできます。このサービスは、サーバ、ネットワーク、ピアリングポイント間の最適なインターネットルートを見つけます。 インターネットのデフォルトのルートを使用する代わりに、待ち時間が最も短く、パケット損失率が最も低いルートを見つけます。

次の画像アセットの例は、追加されたスマートイメージングの最適化を示しています。

画像
(URL)
サムネール サイズ
(JPEG)
サイズ(WebP)
(スマートイメージングを使用)
削減 %
画像 1 picture1 73.75 KB 45.92 KB 38%
画像 2 picture2 191 KB 70.66 KB 63%
画像 3 picture3 96.64 KB 39.44 KB 59%
画像 4 picture4 315.80 KB 178.19 KB 44%
平均 = 51%

上記と同様に、アドビでもライブ顧客サイトの 7,009 件の URL でテストを実施しました。JPEG 用のファイルサイズの最適化は、平均で 38%も向上しました。WebP 形式の PNG の場合、ファイルサイズの最適化を平均で 31%向上させることができました。このような最適化は、スマートイメージングの機能によって可能となります。

モバイルWebでは、課題は次の2つの要因で構成されます。

  • フォームファクタが異なり、高解像度のディスプレイを備えた多様なデバイス。
  • ネットワーク帯域幅の制限

画像に関しては、できるだけ効率的に最高品質の画像を提供することが目標です。

デバイスのピクセル比の最適化について

デバイスピクセル比(DPR)(CSSピクセル比とも呼ばれます)は、デバイスの物理ピクセルと論理ピクセルの関係です。 特に、Retina画面の出現に伴い、最新のモバイルデバイスのピクセル解像度が急速に増加しています。

デバイスのピクセル比の最適化を有効にすると、画像が画面のネイティブ解像度でレンダリングされ、画面が鮮明に見えます。

スマートイメージングDPR設定をオンにすると、要求の提供元となるディスプレイのピクセル密度に基づいて、要求された画像が自動的に調整されます。 現在、表示のピクセル密度はAkamai CDNヘッダー値に基づいています。

画像のURLで許可されている値 説明
dpr=off 個々の画像URLレベルでDPR最適化をオフにします。
dpr=on,dprValue スマートイメージングで検出されたDPR値を、カスタム値(クライアント側のロジックまたはその他の手段で検出された値)で上書きします。 dprValueの許容値は0より大きい任意の数です。 1.5、2または3の指定値は一般的です。
メモ
  • 会社レベルのDPR設定がオフの場合でも、dpr=on,dprValueを使用できます。
  • DPRの最適化により、結果の画像がMaxPix Dynamic Media設定より大きい場合、MaxPixの幅は常に画像の縦横比を維持することで認識されます。
要求された画像サイズ DPR値 配信される画像サイズ
816x500 1 816x500
816x500 2 1632x1000

画像を操作する場合およびスマート切り抜きを使用する場合も参照してください。

ネットワーク帯域幅の最適化について

「ネットワーク帯域幅」をオンにすると、実際のネットワーク帯域幅に基づいて提供される画質が自動的に調整されます。 ネットワーク帯域幅が不十分な場合は、既にオンになっていても、DPRの最適化は自動的にオフになります。

必要に応じて、画像のURLにnetwork=offを付けて、個々の画像レベルでネットワーク帯域幅の最適化をオプトアウトできます。

画像のURLで許可されている値 説明
network=off 個々の画像URLレベルでネットワークの最適化をオフにします。
メモ

DPRとネットワーク帯域幅の値は、バンドルされたCDNの検出されたクライアント側の値に基づきます。 これらの値は不正確な場合があります。 例えば、DPR=2のiPhone5とDPR=3のiPhone12は、どちらもDPR=2と表示されます。 しかし、高解像度デバイスの場合は、DPR=1を送信するよりもDPR=2を送信する方が良いです。 準備中:Adobeは、エンドユーザーのDPRを正確に判断するために、クライアント側のコードで作業を進めています。

最新のスマートイメージングの主要なメリットとは

画像はページの読み込み時間の大部分を占めるので、パフォーマンスの向上は、ビジネスに大きな影響を与える可能性があります。例えば、コンバージョン率の向上、サイトでの滞在時間の増加、サイトの直帰率の低下などです。

最新バージョンのスマートイメージングの機能強化:

  • 最新のスマートイメージングを使用するWebページのGoogle SEOランキングを改善しました。
  • 最適化されたコンテンツをすぐに提供(実行時)
  • Adobe Sensei テクノロジーを使用して、イメージリクエストで指定された品質(qlt)に従って変換します。
  • スマートイメージングは、「bfc」 URL パラメータを使用してオフにできます。
  • TTL(Time To Live)独立。以前は、スマートイメージングを機能させるには、最小 TTL 値 12 時間が必要でした。
  • 以前は、元の画像と派生画像の両方がキャッシュされていて、キャッシュを無効にする 2 つの手順がありました。最新のスマートイメージングでは、派生画像のみがキャッシュされ、1 ステップのキャッシュ無効化プロセスが可能です。
  • ルールセットでカスタムヘッダーを使用しているユーザーは、以前のバージョンのスマートイメージングとは異なってこれらのヘッダーがブロックされないので、最新のスマートイメージングのメリットが得られます。例えば、「画像応答にカスタムヘッダー値を追加する|Dynamic Media Classic」で推奨される「タイミング許可原点」、「X-Robot」。

スマートイメージングにはライセンス費用がかかりますか?

いいえ。スマートイメージングは、Dynamic Media ClassicまたはAdobe Experience Manager - Dynamic Media (オンプレミス、AMS、Adobe Experience Manager as aCloud Service)の既存のライセンスに含まれています。

メモ

Dynamic Media - ハイブリッドのユーザーはスマートイメージングを使用できません。

スマートイメージングはどのように機能しますか?

画像が消費者から要求されると、スマートイメージングがそのユーザーの特性を確認し、使用中のブラウザーに基づいて適切な画像形式に変換します。これらの形式変換は、視覚的忠実性を低下させない方法でおこなわれます。スマートイメージングは、次のような方法で、ブラウザーの機能に基づいて、自動的に画像を別の形式に変換します。

  • 次のブラウザー用に WebP に自動的に変換:

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari(iOS、macOS、iPadOS をまたぐ)で提供されるブラウザーと OS バージョンは WebP をサポートします。
    • Android™
    • Opera
  • 以下のレガシーブラウザーでのサポート:

    ブラウザー ブラウザー/OS のバージョン 形式
    Safari iOS/iPad 14.0 または macOS BigSur 以前 JPEG2000
    Edge 18 以前 JPEGXR
    Internet Explorer 9+ JPEGXR
  • 上記形式をサポートしていないブラウザーの場合は、元々要求された画像形式が提供されます。

元の画像サイズがスマートイメージングの生成するサイズより小さい場合は、元の画像が提供されます。

どんな画像形式がサポートされていますか?

スマートイメージングでは次の画像形式がサポートされています。

  • JPEG
  • PNG

スマートイメージングは、既に使用中の既存の画像プリセットとどのように連携しますか?

スマートイメージングは、既存の「画像プリセット」と連携し、要求されたファイル形式がJPEGまたはPNGの場合、画質(qlt)と形式(fmt)を除くすべての画像設定を監視します。 形式変換の場合、画像プリセットの設定で定義されているとおりの完全な視覚的忠実性が維持されますが、ファイルサイズは小さくなります。元の画像サイズがスマートイメージングの生成するサイズより小さい場合は、元の画像が提供されます。

スマートイメージングを使用する場合、URL の変更や、画像プリセットの変更、サイトへの新しいコードのデプロイなどは必要ですか?

既存のカスタムドメインで設定する場合、スマートイメージングは既存の画像 URL や画像プリセットとシームレスに連携します。また、スマートイメージングでは、ユーザーのブラウザーを検出するために Web サイトにコードを追加する必要はありません。処理はすべて自動です。

スマートイメージングを使用するために新しいカスタムドメインを設定する必要がある場合は、このカスタムドメインを反映するように URL を更新する必要があります。

スマートイメージングの前提条件については、「スマートイメージングを使用するための資格を私は満たしていますか?」を参照してください。

スマートイメージングは HTTPS で機能しますか?HTTP/2 ではどうですか?

スマートイメージングは、HTTP または HTTPS で配信された画像に対して機能します。また、HTTP/2 上でも機能します。

スマートイメージングを使用するための資格を私は満たしていますか?

スマートイメージングを使用するには、貴社の Dynamic Media Classic アカウントまたは Dynamic Media on Experience Manager アカウントが次の要件を満たしている必要があります。

  • ライセンスの一部としてアドビによってバンドルされている CDN(コンテンツ配信ネットワーク)を使用している。
  • 汎用ドメイン(例えば、s7d1.scene7.coms7d2.scene7.coms7d13.scene7.com など)ではなく、専用ドメイン(例えば、images.company.com または mycompany.scene7.com)を使用してください。

ドメインを探すには、Dynamic Media Classic デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。

設定 / アプリケーション設定 / 一般設定​に移動します。「公開先サーバー名」というラベルのフィールドを探します。 現在汎用ドメインを使用している場合は、この切り替えの一部として、テクニカルサポートチケットを送信するときに、独自のカスタムドメインへの移行を要求できます。

最初のカスタムドメインは、Dynamic Media ライセンスを使用する場合、追加費用はかかりません。

自分のアカウントでスマートイメージングを有効にするには、どうすればいいですか?

スマートイメージングを使用するためのリクエストを開始する必要があります。自動的には有効になりません。

Dynamic Mediaの会社アカウントでは、デフォルトで、スマートイメージングDPRとネットワーク最適化が無効(オフ)になっています。 これらの標準の機能強化の1つまたは両方を有効(オン)にする場合は、以下に説明するように、サポートケースを作成します。

  1. Admin Console を使用して、サポートケースを作成します。

  2. サポートケースには、次の情報を記入してください。

    1. 主要連絡先の氏名、電子メールアドレス、電話番号。

    2. スマートイメージングを有効にする全ドメイン(images.company.commycompany.scene7.com)。

      ドメインを探すには、Dynamic Media Classic デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。

      設定 > アプリケーション設定 > 一般設定​に移動します。

      公開先サーバー名」というラベルの付いたフィールドを見つけます。

    3. 直接的な関係で管理されているのではなく、アドビを通じて CDN を使用していることを確認します。

    4. s7d1.scene7.coms7d2.scene7.coms7d13.scene7.com などの汎用ドメインではなく、images.company.commycompany.scene7.com などの専用ドメインを使用していることを確認します。

      ドメインを探すには、Dynamic Media Classic デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。

      設定 > アプリケーション設定 > 一般設定​に移動します。

      公開先サーバー名」というラベルの付いたフィールドを見つけます。現在、汎用の Dynamic Media Classic ドメインを使用している場合は、この切り替えの一環として独自のカスタムドメインへの移行をリクエストできます。

    5. また、HTTP/2上で機能するためにスマートイメージングが必要な場合は、その旨を伝えます。

  3. Adobeカスタマーケアにより、要求が送信された順序に基づいてスマートイメージングの顧客待ちリストに追加されます。

  4. Adobeがリクエストを処理する準備が整ったら、サポートから連絡を受けて調整し、目標日を設定します。

  5. オプション — オプションで、Adobeが実稼動環境にスマートイメージングをプッシュする前に、スマートイメージングをテストできます。

  6. 完了後、サポートから通知があります。

  7. スマートイメージングのパフォーマンス向上を最大限にするため、アドビでは、有効期間(TTL)を 24 時間以上に設定することを推奨しています。TTL によって定義されるのは、アセットが CDN によってキャッシュされる期間です。この設定を変更するには、次の手順を実行します。

    1. Dynamic Media Classicを使用する場合は、設定 / アプリケーション設定 / 公開設定 / Image Server​に移動します。 「初期設定のクライアントキャッシュの有効期限」の値を 24 以上に設定します。
    2. Dynamic Media を使用する場合は、次の手順に従います。「有効期限」の値を 24 時間以上に設定します。

自分のアカウントでスマートイメージングが有効になるのはいつ頃ですか?

リクエストはカスタマーケアに到着した順序で、待ちリストに従って処理されます。

メモ

リードタイムが長くなる場合がありますが、それは、スマートイメージングを有効化するためには、アドビによるキャッシュのクリアが必要になるからです。そのため、処理できる移行の数は、常にほんの数件です。

スマートイメージングを使用するための切り替えに際しては、どんなリスクがありますか?

顧客の Web ページを表示するリスクはありません。ただし、スマートイメージングへの切り替えには、Experience Manager上のDynamic Media ClassicまたはDynamic Mediaの新しい設定への移行が伴うので、スマートイメージングに切り替えると、CDNのキャッシュが消去されます。

最初の切り替え中、キャッシュが再構築されるまでの間は、アドビの起点サーバーにあるキャッシュされていない画像が直接ヒットします。その結果、Adobeは、接触チャネルからリクエストをプルする際に許容可能なパフォーマンスが維持されるように、一度に少数の顧客の移行を処理する予定です。 ほとんどのお客様にとって、キャッシュはCDNで1~2日以内に完全に再構築されます。

スマートイメージングが想定どおりに機能しているかどうかを確認するには、どうすればいいですか?

  1. アカウントにスマートイメージングが設定されたら、ブラウザーで、Dynamic Media Classic または Adobe Experience Manager - Dynamic Media の画像の URL を読み込みます。

  2. Chromeデベロッパーウィンドウを開くには、ブラウザーで​View / Developer / Developer Tools​に移動します。 または、別のブラウザーのデベロッパーツールを使用します。

  3. デベロッパーツールを開いたときにキャッシュが無効化されるようにします。

    • Windows®で、デベロッパーツールパネルの「設定」に移動し、「 キャッシュを無効にする(devtoolsが開いている間) 」チェックボックスを選択します。
    • macOS では、デベロッパーパネルの「ネットワーク」タブで、「キャッシュを無効にする」を選択します。
  4. コンテンツタイプが適切な形式に変換されるのを監視します。次のスクリーンショットは、Chrome 上で PNG 画像が動的に WebP に変換されているのを示しています。

  5. このテストを、様々なブラウザーやユーザー条件で繰り返します。

メモ

すべての画像が変換されるわけではありません。スマートイメージングは、変換がパフォーマンスを向上させる可能性があるかどうかを判断します。予期されるパフォーマンスゲインがない場合や、形式が JPEG や PNG でない場合、画像は変換されません。

image2017-11-14_15398

要求に対してスマートイメージングをオフにできますか?

はい。URL に bfc=off 修飾子を追加して、スマートイメージングをオフにできます。

DPRおよびネットワーク最適化を会社レベルでオフにするようにリクエストできますか?

はい。会社でDPRとネットワークの最適化を無効にするには、このトピックで前述したように、サポートケースを作成します。

どの「チューニング」が使用できますか。定義できる設定やビヘイビアーはありますか。(#tuning-settings)

現在、オプションでスマートイメージングを有効または無効にできます。他のチューニングは使用できません。

スマートイメージングが画質設定を管理する場合、設定する最小値と最大値はありますか? 例えば、「60 以上」や「80 以下」というクォリティを設定できますか。(#minimum-maximum)

現在のスマートイメージングには、このようなプロビジョニング機能はありません。

WebP画像ではなくJPEG画像がChromeに返されることがあります。 その変更がおこなわれる理由はなぜですか。(#jpeg-webp)

スマートイメージングは、変換が有益かどうかを判断します。変換結果のファイルサイズが同等の画質で小さくなる場合にのみ、新しい画像が返されます。

スマートイメージングDPRの最適化は、Adobe Experience Manager SitesコンポーネントとDynamic Mediaビューアでどのように機能しますか?

  • Experience Managerサイトコアコンポーネントは、DPRの最適化のためにデフォルトで設定されています。 サーバー側のスマートイメージングDPRの最適化による画像のサイズ超過を避けるために、 dpr=offは常にExperience ManagerサイトコアコンポーネントDynamic Media画像に追加されます。
  • Dynamic Media Foundationコンポーネントは、デフォルトでDPR最適化用に設定されているので、サーバー側のスマートイメージングDPRの最適化に伴う画像のサイズ超過を防ぐため、Dynamic Media Foundationコンポーネントの画像には常にdpr=offが追加されます。 お客様がDM基盤コンポーネントでDPRの最適化を選択解除しても、サーバー側のスマートイメージングDPRは開始されません。 要約すると、DM基盤コンポーネントでは、DPRの最適化はDM基盤コンポーネントレベルの設定に基づいてのみ有効になります。
  • ビューア側のDPRの最適化は、サーバ側のスマートイメージングDPRの最適化と連携して機能し、画像のサイズが大きくなることはありません。 つまり、ズーム対応ビューアのみのメインビューなど、ビューアでDPRが処理される場所であれば、サーバー側のスマートイメージングDPR値はトリガーされません。 同様に、スウォッチやサムネールなどのビューア要素にDPR処理がない場合は、サーバー側のスマートイメージングDPR値がトリガーされます。

画像を操作する場合およびスマート切り抜きを使用する場合も参照してください。

このページ