スマートイメージング

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• 次のブラウザー用に 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.com、s7d2.scene7.com、s7d13.scene7.com など）ではなく、専用ドメイン（例えば、images.company.com または mycompany.scene7.com）を使用してください。

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

Setup / Application Setup / General Settings Look field for Published Server Name に移動します。 現在汎用ドメインを使用している場合は、この切り替えの一部として、テクニカルサポートチケットを送信するときに、独自のカスタムドメインへの移行を要求できます。

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

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

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

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

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

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

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

   2. スマートイメージングを有効にする全ドメイン（images.company.com や mycompany.scene7.com）。

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

      Setup > Application Setup > General Settings に移動します。

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

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

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

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

      Setup > Application Setup > General Settings に移動します。

      「公開先サーバー名」というラベルの付いたフィールドを見つけます。現在、汎用の 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®で、デベロッパーツールパネルの「Settings」に移動し、「Disable cache (while devtools is open)」チェックボックスを選択します。
   • macOS では、デベロッパーパネルの「ネットワーク」タブで、「キャッシュを無効にする」を選択します。

4. コンテンツタイプが適切な形式に変換されるのを監視します。次のスクリーンショットは、Chrome 上で PNG 画像が動的に WebP に変換されているのを示しています。

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

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

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

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