スマートイメージング smart-imaging
スマートイメージングについて about-smart-imaging
スマートイメージングテクノロジーは、Adobe Sensei AI 機能を使用し、既存の「画像プリセット」と連携して動作します。クライアントのブラウザー機能に基づいて画像形式、サイズ、および画質を自動的に最適化し、画像配信のパフォーマンスを向上させます。
また、AVIF と WebP の両方のサポートに伴うスマートイメージングの改善により、LCP(Largest Contentful Paint)の Google Core Web Vital スコアが改善されました。
- ファイルサイズ(WebP および AVIF 配信を使用)
- ネットワーク帯域幅
- DPR(デバイスのピクセル比)
スマートイメージングを、クラス最高のプレミアム CDN(コンテンツ配信ネットワーク)サービスと完全に統合することで、パフォーマンスを大幅にアップさせることができます。このサービスは、サーバー、ネットワーク、およびピアリングポイント間の最適なインターネットルートを見つけます。インターネットのデフォルトのルートを使用する代わりに、待ち時間が最も短く、パケット損失率が最も低いルートを見つけます。
次の画像アセットの例は、追加されたスマートイメージングの最適化を示しています。
上記と同様に、アドビでも、より大きなサンプルセットを使用してテストを実行しました。AVIF 形式は WebP よりもサイズ削減率が 20%向上しました(WebP では JPEG に対して 27%の削減を実現)。視覚的な品質はすべて同じです。全体的に見て、AVIF は JPEG よりも最大で平均 41%のサイズ削減を実現しています。
WebP および AVIF を PNG と比較すると、サイズ削減は WebP で 84%、AVIF で 87%となっています。また、WebP 形式も AVIF 形式も透明度と複数の画像アニメーションをサポートしているので、透明 PNG および GIF ファイルの代わりに使用できます。
次世代の画像形式 WebP および AVIF による画像の最適化も参照してください。
スマートイメージングのメリット
スマートイメージングは、使用しているクライアントブラウザー、デバイスのディスプレイおよびネットワーク状況に応じて画像ファイルサイズを自動的に最適化することで、より優れた画像配信パフォーマンスを実現します。画像はページの読み込み時間のほとんどを占めるので、こうしたパフォーマンス向上はビジネス KPI(より高いコンバージョン率、より長いサイト滞在時間、より低いサイトバウンス率など)に大きな影響を及ぼす可能性があります。
最新のスマートイメージングの主要なメリットには、次のものがあります。
- 次世代の AVIF 形式をサポートするようになりました。
- PNG から WebP および AVIF への変換で非可逆変換がサポートされるようになりました。PNG は可逆形式なので、以前配信されていた WebP および AVIF は可逆形式でした。
- ブラウザーフォーマット変換
- デバイスピクセル比
- ネットワーク帯域幅
ブラウザーフォーマット変換について bfc
画像 URL に bfc=on
を追加してブラウザーフォーマット変換を有効にすると、異なるブラウザー向けに JPEG と PNG が非可逆 AVIF、非可逆 WebP、非可逆 JPEGXR、非可逆 JPEG2000 に自動的に変換されます。これらの形式をサポートしていないブラウザーでは、スマートイメージングは引き続き JPEG または PNG を提供します。形式と共に、新しい形式の画質がスマートイメージングによって再計算されます。
画像の URL に bfc=off
を追加することで、スマートイメージングをオフにすることもできます。
Dynamic Media 画像サービングおよび画像レンダリング API の bfc も参照してください。
デバイスピクセル比の最適化について dpr
デバイスピクセル比(DPR)は、CSS ピクセル比とも呼ばれ、デバイスの物理ピクセルと論理ピクセルの関係を表します。特に、Retina 画面の出現に伴い、最新のモバイルデバイスのピクセル解像度が急速に増加しています。
デバイスピクセル比の最適化を有効にすると、画像が画面のネイティブ解像度でレンダリングされるので、画面が鮮明に見えます。
現在、ディスプレイのピクセル密度は Akamai CDN ヘッダー値から得られます。
dpr=off
dpr=on,dprValue
dprValue
に指定可能な値は、0 より大きい任意の数です。- 全社レベルの DPR 設定がオフの場合でも、
dpr=on,dprValue
を使用できます。 - DPR の最適化により、結果の画像が Dynamic Media の MaxPix 設定より大きくなる場合、画像の縦横比を維持することで MaxPix の幅が常に認識されます。–>
画像を操作する場合およびスマート切り抜きを操作する場合も参照してください。
ネットワーク帯域幅の最適化について bandwidth
「ネットワーク帯域幅」をオンにすると、提供される画質が、実際のネットワーク帯域幅に基づいて自動的に調整されます。ネットワーク帯域幅が不十分な場合は、DPR(デバイスピクセル比)の最適化がオンになっていても、自動的にオフになります。
必要に応じて、画像の URL に network=off
を付けて、個々の画像レベルでネットワーク帯域幅の最適化をオプトアウトできます。
network=off
DPR とネットワーク帯域幅の値は、バンドルされた CDN のクライアント側の検出値に基づいています。これらの値は不正確な場合があります。例えば、dpr=2 の iPhone5 と dpr=3
の iPhone12 では、どちらも dpr=2
と表示されます。それでも、高解像度デバイスの場合は、dpr=1
を送信するより dpr=2
を送信する方が適切です。この不正確さを克服する最善の方法は、クライアントサイドの DPR を使用して 100%正確な値を指定することです。また、これは、Apple か他のデバイスかに関わらず、発売された任意のデバイスで機能します。クライアントサイドのデバイスピクセル比(DPR)を使用したスマートイメージングについてを参照してください。
スマートイメージングのその他の主要なメリット
- 最新のスマートイメージングを使用する Web ページの Google SEO ランキングを改善しました。
- 最適化されたコンテンツをすぐに提供(実行時)
- Adobe Sensei テクノロジーを使用して、イメージリクエストで指定された品質(
qlt
)に従って変換します。 - TTL(Time To Live)独立。以前は、スマートイメージングを機能させるには、最小 TTL 値 12 時間が必要でした。
- 以前は、元の画像と派生画像の両方がキャッシュされていて、キャッシュを無効にする 2 つの手順がありました。最新のスマートイメージングでは、派生画像のみがキャッシュされ、1 ステップのキャッシュ無効化プロセスが可能です。
- ルールセットでカスタムヘッダーを使用しているユーザーは、以前のバージョンのスマートイメージングとは異なってこれらのヘッダーがブロックされないので、最新のスマートイメージングのメリットが得られます。例えば、「画像応答へのカスタム接触チャネル値の追加 | Dynamic Media Classic」で推奨される「Timing Allow Header」、「X-Robot」などは、最新のスマートイメージングによるメリットを享受できます。
スマートイメージングの仕組み how-smart-imaging-works
画像が消費者から要求されると、スマートイメージングがそのユーザーの特性を確認し、使用中のブラウザーに基づいて適切な画像形式に変換します。これらの形式変換は、視覚的忠実性を低下させない方法で行われます。スマートイメージングは、次のような方法で、ブラウザーの機能に基づいて、自動的に画像を別の形式に変換します。
-
ブラウザーが AVIF 形式をサポートしている場合は、自動的に AVIF に変換します
-
AVIF 変換がうまくいかなかった場合やブラウザーが AVIF をサポートしていない場合は、自動的に WebP に変換します
-
Safari で WebP がサポートされていない場合は、自動的に JPEG2000 に変換します
-
IE 9 以降については、または Edge で WebP がサポートされていない場合は、自動的に JPEGXR に変換します
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 画像の形式 サポートされているブラウザー AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
上記形式をサポートしていないブラウザーの場合は、元々要求された画像形式が提供されます。
元の画像サイズがスマートイメージングの生成するサイズより小さい場合は、元の画像が提供されます。
スマートイメージングでの画像形式のサポート image-format-support
スマートイメージングでは次の画像形式がサポートされています。
- JPEG
- PNG
JPEG 画像ファイル形式の場合、新しい形式の画質がスマートイメージングによって再計算されます。
透明度をサポートしている PNG などの画像ファイル形式の場合は、非可逆の AVIF および WebP を配信するようにスマートイメージングを設定できます。スマートイメージングでは、非可逆の形式変換の場合、画像の URL で指定されている画質を使用します。それ以外の場合は、Dynamic Media の会社アカウントで設定されている画質を使用します。
スマートイメージングでの画像サービングコマンドのサポート imaging-serving-command-support
画像サービングコマンド fmt
および qlt
はサポートされていません。残りのコマンドはすべてサポートされます。
スマートイメージングに関するよくある質問(FAQ) smart-imaging-faq
いいえ。スマートイメージングは、既存のライセンスに含まれています。この規則は、Dynamic Media Classic または Experience Manager Dynamic Media(オンプレミス、AMS、および Experience Manager as a Cloud Service)に当てはまります。
note important |
---|
IMPORTANT |
Dynamic Media - ハイブリッドのユーザーはスマートイメージングを使用できません。 |
はい。次のいずれかの修飾子を追加して、スマートイメージングをオフにできます。
bfc=off
:ブラウザーフォーマット変換をオフにします。ブラウザーフォーマット変換も参照してください。dpr=off
:デバイスピクセル比の最適化をオフにします。デバイスピクセル比も参照してください。network=off
:ネットワーク帯域幅の最適化をオフにします。ネットワーク帯域幅も参照してください。
はい。スマートイメージングには、有効または無効にできるオプションが次の 3 つあります。
はい。スマートイメージングは既存の画像プリセットと連携し、すべての画像設定に従います。変更されるのは、画像形式、画質設定またはその両方です。形式変換の場合、スマートイメージングは画像プリセットの設定で定義されているとおりの完全な視覚的忠実性を維持しますが、ファイルサイズは小さくなります。
例えば、JPEG 形式、サイズ 500 x 500、画質=85、アンシャープマスク=0.1,1,5 と定義された画像プリセットがあるとします。ユーザーが Chrome ブラウザーを使用していることをスマートイメージングが検出すると、画像は WebP 形式(サイズ 500 x 500)に変換されます。また、アンシャープマスク=0.1,1,5 は、JPEG の画質=85 にできるだけ一致する WebP の画質で適用されます。その WebP 変換のフットプリントが JPEG と比較され、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 デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。
設定/アプリケーション設定/一般設定 に移動します。「公開先サーバー名」というラベルの付いたフィールドを見つけます。現在汎用ドメインを使用している場合は、独自のカスタムドメインに移動するようにリクエストできます。このトランジションリクエストは、サポートケースを送信する際に行います。
最初のカスタムドメインは、Dynamic Media ライセンスを使用する場合、追加費用はかかりません。
いいえ。スマートイメージングを使用するためのリクエストを開始する必要があります。自動的には有効になりません。
以下の説明に従って、サポートケースを作成します。サポートケースでは、次のスマートイメージング機能のうち、どれ(1 つ以上)をアカウントで有効にするかを指定してください。
- WebP
- AVIF
- DPR とネットワーク帯域幅の最適化
- PNG から非可逆 AVIF または非可逆 WebP への変換
スマートイメージングが WebP で既に有効になっていても、上記のような他の新しい機能を希望する場合は、サポートケースを作成する必要があります。
アカウントでスマートイメージングを有効にするためのサポートケースを作成するには:
-
サポートケースには、次の情報を記入してください。
-
主要連絡先の氏名、メールアドレス、電話番号。
-
次のスマートイメージング機能のうち、どれ(1 つ以上)をアカウントで有効にするかを指定します。
- WebP
- AVIF
- DPR とネットワーク帯域幅の最適化
- PNG から非可逆 AVIF または非可逆 WebP への変換
-
スマートイメージングを有効にするすべてのドメイン(
images.company.com
やmycompany.scene7.com
)。ドメインを探すには、Dynamic Media Classic デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。
設定/アプリケーション設定/一般設定 に移動します。
「公開先サーバー名」というラベルの付いたフィールドを見つけます。
-
直接的な関係で管理されているのではなく、アドビを通じて CDN を使用していることを確認します。
-
s7d1.scene7.com
、s7d2.scene7.com
、s7d13.scene7.com
などの汎用ドメインではなく、images.company.com
やmycompany.scene7.com
などの専用ドメインを使用していることを確認します。ドメインを探すには、Dynamic Media Classic デスクトップアプリケーションを開き、会社情報アカウントまたはアカウントにログインします。
設定/アプリケーション設定/一般設定 に移動します。
「公開先サーバー名」というラベルの付いたフィールドを見つけます。現在、汎用の Dynamic Media Classic ドメインを使用している場合は、この切り替えの一環として独自のカスタムドメインへの移行をリクエストできます。
-
HTTP/2 で動作させるかどうかを指定します。
-
-
アドビカスタマーサポートでは、要求が送信された順序に基づいて、スマートイメージングカスタマー待ちリストに貴社を追加します。
-
リクエストを処理する準備が整った時点で、カスタマーサポートから連絡を差し上げ、調整と日取り設定を行います。
-
オプション:アドビが実稼働環境にスマートイメージングをプッシュする前に、この新機能をステージングでテストするためのオプションがあります。
-
完了後、カスタマーサポートから通知があります。
-
スマートイメージングのパフォーマンス向上を最大限にするため、アドビでは、有効期間(TTL)を 24 時間以上に設定することを推奨しています。TTL によって定義されるのは、アセットが CDN によってキャッシュされる期間です。この設定を変更するには、次の手順を実行します。
- Dynamic Media Classic を使用している場合は、設定/アプリケーション設定/公開設定/Image Server に移動します。「初期設定のクライアントキャッシュの有効期限」の値を 24 以上に設定します。
- Dynamic Media を使用する場合は、次の手順に従います。「有効期限」の値を 24 時間以上に設定します。
リクエストはカスタマーサポートに到着した順序で、待ちリストに従って処理されます。
note note |
---|
NOTE |
リードタイムが長くなる場合がありますが、それは、スマートイメージングを有効化するためには、アドビによるキャッシュのクリアが必要になるからです。そのため、処理できる移行の数は、常にほんの数件です。 |
顧客の Web ページを表示するリスクはありません。ただし、スマートイメージングにトランジションすると、CDN キャッシュがクリアされます。この操作では、Dynamic Media Classic や Dynamic Media on Experience Manager の新しい構成に移行します。
最初の切り替え中、キャッシュが再構築されるまでの間は、アドビの起点サーバーにあるキャッシュされていない画像が直接ヒットします。このため、元のサーバーからリクエストをプルするときに許容できるパフォーマンスが維持されるように、アドビでは一度に少数の顧客の移行を処理するよう計画します。ほとんどのお客様の場合、キャッシュは CDN で 1〜2 日以内に完全に再構築されます。
はい。次の操作を実行できます。
-
アカウントにスマートイメージングが設定されたら、ブラウザーで、Dynamic Media Classic または Adobe Experience Manager - Dynamic Media の画像の URL を読み込みます。
-
Chrome ブラウザーで 表示/デベロッパー/デベロッパーツール に移動して、デベロッパーパネルを開きます。または、別のブラウザーのデベロッパーツールを使用します。
-
デベロッパーツールを開いたときにキャッシュが無効化されるようにします。
- Windows® では、デベロッパーツールパネルの設定に移動してから、「キャッシュを無効にする(devtools が開いている間)」チェックボックスを選択します。
- macOS では、デベロッパーパネルの「ネットワーク」タブで、「キャッシュを無効にする」を選択します。
-
コンテンツタイプが適切な形式に変換されるのを監視します。次のスクリーンショットは、Chrome 上で PNG 画像が動的に WebP に変換されているのを示しています。ドメインで AVIF が有効になっている場合は、コンテンツタイプに AVIF が表示されることも期待できます。
-
このテストを、様々なブラウザーやユーザー条件で繰り返します。
note note |
---|
NOTE |
すべての画像が変換されるわけではありません。スマートイメージングは、変換がパフォーマンスを向上させる可能性があるかどうかを判断します。予期されるパフォーマンスゲインがない場合や、形式が JPEG や PNG でない場合、画像は変換されません。 |
はい。スマートイメージングのメリットはスマートイメージングヘッダーで決まります。スマートイメージングが有効な場合は、画像を要求すると、応答ヘッダー の見出し下に -X-Adobe-Smart-Imaging
が表示されます(下の例のハイライト表示された部分を参照)。
このヘッダーは次のことを示しています。
- スマートイメージングは会社向けに機能しています。
- 正の値は、変換が成功したことを意味します。この場合、新しい WebP 画像が返されます。
- 負の値は、変換が成功しなかったことを意味します。この場合、要求されたオリジナル画像が返されます(指定されていない場合は、デフォルトの JPEG)。
- 正の値は、要求された画像と新しい画像のバイト数の違いを示します。上記の例では、保存されたバイト数は 1 つの画像について
75048
(約 75 KB)です。 - 負の値は、要求された画像が新しい画像より小さいことを意味します。負のサイズの差が表示されますが、提供される画像は要求されたオリジナル画像のみです。
note note |
---|
NOTE |
X-Adobe-Smart-Imaging = -1 で WebP を配信中 |
X-Adobe-Smart-Imaging の値が -1 で WebP がまだ配信中の場合は、スマートイメージングは機能しているものの、古いキャッシュが原因でサイズのメリットが計算されなかったことを意味します。画像の URL で cache=update を(1 回だけ)使用して、この問題を修正できます。この修飾子の使用例を次に示します。 https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update キャッシュ全体を無効にするには、サポートケースを作成する必要があります。 |
bfc=off
パラメーターを追加して、スマートイメージングをオフにできます。ただし、スマートイメージングの URL 修飾子で WebP または AVIF を選択することはできません。この機能は、会社アカウントレベルで維持管理されています。アカウントでスマートイメージングが有効になっていない場合、このエラーは発生しません。スマートイメージングは、JPEG 形式または PNG 形式でのみ機能します。
このエラーを回避するには、次のいずれかを行います。
- JPEG または PNG を指定する
fmt
修飾子をまったく使用しない- スマートイメージングで定義されているブラウザー優先設定形式を使用する。例えば、Chrome web ブラウザーには WebP を使用できます。
fmt=tif
と bfc=off
を画像の URL パスに追加します。PNG は可逆形式なので、以前配信されていた WebP および AVIF は可逆形式でした。その結果、予想よりも大きいサイズになりました。スマートイメージングでは、非可逆変換をサポートするようになりました。画像リクエストで修飾子 cache=update
を(1 回だけ)使用して、この問題を修正できます。この修飾子の使用例を次に示します。
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
キャッシュ全体を無効にするには、サポートケースを作成して、その作業を依頼する必要があります。
qlt=100
を使用して、100%の画質を設定します。