スマートイメージングのメリット
スマートイメージングは、ユーザーのブラウザー、デバイスのディスプレイおよびネットワーク状況に基づいてファイルサイズを自動的に最適化することで、画像配信を強化します。このアプローチにより、読み込み時間が短縮され、様々な環境での視聴エクスペリエンスが向上します。ページの読み込み時間のほとんどは画像によって占められるます。そのため、パフォーマンスの向上は次のようなビジネス KPI に大きな影響を及ぼす可能性があります。
- コンバージョン率の上昇。
- サイトでの滞在時間。
- サイトバウンス率の低下。
最新のスマートイメージングの主要なメリットには、次のものがあります。
- 次世代の AVIF 形式をサポートします。
- PNG から WebP および AVIF への変換で非可逆変換がサポートされるようになりました。PNG は可逆形式なので、以前配信されていた WebP および AVIF は可逆形式でした。
- ブラウザーフォーマット変換(
bfc
) - デバイスピクセル比(
dpr
) - ネットワーク帯域幅(
network
)
ブラウザーフォーマット変換(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 ヘッダー値から得られます。
画像の URL で使用できる値 | 説明 |
---|---|
dpr=off | 個々の画像 URL レベルで DPR の最適化をオフにします。 |
dpr=on,dprValue | スマートイメージングで検出された DPR 値を、カスタム値(クライアント側のロジックまたはその他の手段で検出された値)でオーバーライドします。dprValue に指定可能な値は、0 より大きい任意の数です。 |
- 全社レベルの DPR 設定がオフの場合でも、
dpr=on,dprValue
を使用できます。 - DPR の最適化により、結果の画像が Dynamic Media の MaxPix 設定より大きくなる場合、画像の縦横比を維持することで MaxPix の幅が常に認識されます。
要求された画像サイズ | デバイスピクセル比(dpr)の値 | 配信される画像サイズ |
---|---|---|
816 x 500 | 1 | 816 x 500 |
816 x 500 | 2 | 1632 x 1000 |
画像を操作する場合およびスマート切り抜きを操作する場合も参照してください。
ネットワーク帯域幅の最適化について
ネットワーク帯域幅をオンにすると、実際のネットワーク帯域幅に基づいて、提供される画質が自動的に調整されます。ネットワーク帯域幅が不十分な場合、DPR(デバイスピクセル比)の最適化は、オンになっていても、自動的にオフになります。
会社は、画像の URL に network=off
を追加して、個々の画像のネットワーク帯域幅の最適化を無効にできます。
画像の URL で使用できる値 | 説明 |
---|---|
network=off | 個々の画像 URL レベルでネットワーク帯域幅の最適化をオフにします。 |
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 Origin」、「X-Robot」などです。
よくある質問
スマートイメージングにはライセンス費用がかかりますか?
いいえ。スマートイメージングは、既存のライセンスに含まれています。この規則は、Dynamic Media Classic または Experience Manager Dynamic Media(オンプレミス、AMS、および Experience Manager as a Cloud Service)に当てはまります。
スマートイメージングはどのように機能しますか?
消費者が画像をリクエストすると、スマートイメージングは、そのユーザーの特性を分析し、ブラウザーに基づいて適切な形式に変換します。これらの形式変換は、視覚的忠実性を低下させない方法で行われます。スマートイメージングは、次のような方法で、ブラウザーの機能に基づいて、自動的に画像を別の形式に変換します。
-
ブラウザーが AVIF 形式をサポートしている場合は、自動的に AVIF に変換します
-
AVIF 変換がうまくいかなかった場合やブラウザーが AVIF をサポートしていない場合は、自動的に WebP に変換します
-
Safari で WebP がサポートされていない場合は、自動的に JPEG2000 に変換します
-
IE 9 以降については、または Edge で WebP がサポートされていない場合は、自動的に JPEGXR に変換します
画像の形式 サポートされているブラウザー AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
上記形式をサポートしていないブラウザーの場合は、元々要求された画像形式が提供されます。
元の画像サイズがスマートイメージングの生成するサイズより小さい場合は、元の画像が提供されます。
どんな画像形式がサポートされていますか?
スマートイメージングでは次の画像形式がサポートされています。
- JPEG
- PNG
スマートイメージングは、新しい形式に変換する際に、JPEG の画像ファイル形式の画質を再計算します。
透明度をサポートしている PNG などの画像ファイル形式の場合は、非可逆の AVIF および WebP を配信するようにスマートイメージングを設定できます。スマートイメージングでは、非可逆の形式変換の場合、画像の URL で指定されている画質を使用します。それ以外の場合は、Dynamic Media の会社アカウントで設定されている画質を使用します。
スマートイメージングは、使用中の既存の画像プリセットとどのように連携しますか?
スマートイメージングは、すべての画像設定を考慮しながら、既存の画像プリセットとシームレスに統合されます。
調整には、画像の形式、画質、またはその両方のみが含まれます。形式変換中、スマートイメージングは、プリセット設定に従って視覚的忠実性を完全に維持しますが、ファイルサイズは小さくなります。既存の URL またはプリセットに bfc=on
、dpr=on,dprValue
、network=on
、または 3 つのパラメーター設定すべてを追加するのみで有効になります。
例えば、画像プリセットで 500 × 500 ピクセル、quality=85
、unsharp mask=0.1,1,5
の JPEG 形式が指定されているとします。スマートイメージングは、ユーザーが Chrome ブラウザーを使用しているかどうかを検出します。次に、同じ寸法(500 × 500)と JPEG の設定に一致するアンシャープマスクを持つ WebP に画像を変換します。次に、システムは WebP バージョンと JPEG バージョンのファイルサイズを比較し、小さいファイルをユーザーに提供します。
スマートイメージングは HTTPS で機能しますか?HTTP/2 ではどうですか?
スマートイメージングを使用するための資格を私は満たしていますか?
スマートイメージングは、すべてのお客様がすぐにご利用いただけます。そのメリットの取得を開始するには、既存の URL またはプリセットに bfc=on
、dpr=on,dprValue
、network=on
、または 3 つのパラメーター設定すべてを追加するのみです。
スマートイメージングを使用するには、会社の Dynamic Media Classic または Experience Manager の Dynamic Media アカウントに、ライセンスの一部として Adobe バンドル CDN(コンテンツ配信ネットワーク)を含める必要があります。
アカウントのスマートイメージングを有効にするプロセスは何ですか?
スマートイメージングの使用を開始するには、既存の URL またはプリセットに bfc=on
、dpr=on,dprValue
、network=on
、または 3 つのパラメーター設定すべてを追加します。これらの変更を手動で行わない場合は、サポートケースを作成して、スマートイメージングをデフォルトで有効にできます。
サポートケースを作成する際に、アカウントでアクティブ化する次のスマートイメージング機能を指定します。
- ブラウザーフォーマット変換(WebP または AVIF)
- ネットワーク帯域幅の最適化
dprValue
を判断するためにクライアントサイドの調整が必要です。したがって、アドビでは、dpr=on,dprValue
を追加して URL 経由で DPR を有効にすることをお勧めします。アカウントでスマートイメージングを有効にするためのサポートケースを作成するには:
-
サポートケースには、次の情報を記入してください。
-
プライマリ連絡先の詳細:
- 名前、メールおよび電話番号を記入します。
-
有効にするスマートイメージング機能:
-
自身のアカウントで必要な機能をリストします。
- ブラウザーフォーマット変換:WebP または AVIF
- ネットワーク帯域幅の最適化
- DPR:DPR では、正しい
dprValue
を判断するためにクライアントサイドの調整が必要です。したがって、アドビでは、dpr=on,dprValue
を追加して URL 経由で DPR を有効にすることをお勧めします。
-
-
スマートイメージングのドメイン:
-
company.com
やmycompany.scene7.com
など、関連するドメインをすべてリストします -
スマートイメージングは、汎用ドメインとカスタムドメインの両方をサポートします。
-
ドメインを識別するには、Dynamic Media Classic デスクトップアプリケーションを開き、会社のアカウントにログインします。
- 設定/アプリケーション設定/一般設定 に移動します。
- 「公開サーバー名」フィールドを探して、ドメインを確認します。
- 別のプロバイダーが管理する CDN ではなく、アドビの CDN を使用していることを確認します。
-
-
HTTP/2 サポートを示す:
- スマートイメージングを HTTP/2 上で機能させる必要があるかどうかを指定します。
-
-
アドビカスタマーサポートでは、リクエストされたスマートイメージング機能がデフォルトで有効になっているので、URL にパラメーターを手動で追加する必要はありません。
-
アドビでは、キャッシュによるパフォーマンスを最大化するために、有効期間(TTL)を 24 時間以上に設定することをお勧めします。
TTL を調整するには:-
Dynamic Media Classic の場合:
- 設定/アプリケーション設定/公開設定/Image Server に移動します。
- 「デフォルトのクライアントキャッシュの有効期間」の値を 24 時間以上に設定します。
-
Adobe Experience Manager の Dynamic Media の場合:
- こちらの手順に従います。
- 「有効期限」の値を 24 時間以上に設定します。
-
アカウントでスマートイメージングが有効になるのはいつ頃ですか?
カスタマーサポートは、待機リストに従って、受信した順にリクエストを処理します。
スマートイメージングを使用するための切り替えに際しては、どんなリスクがありますか?
顧客の 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 が表示されることも期待できます。
-
このテストを、様々なブラウザーやユーザー条件で繰り返します。
パフォーマンスの向上を把握するにはどうすればよいですか?スマートイメージングのメリットを知る方法はありますか?
スマートイメージングのメリットはスマートイメージングヘッダーで決まります。スマートイメージングが有効な場合は、画像を要求すると、応答ヘッダー の見出し下に -X-Adobe-Smart-Imaging
が表示されます(下の例のハイライト表示された部分を参照)。
このヘッダーは次のことを示しています。
- スマートイメージングは会社向けに機能しています。
- 正の値は、変換が成功したことを意味します。この場合、新しい WebP 画像が返されます。
- 負の値は、変換が成功しなかったことを意味します。この場合、要求されたオリジナル画像が返されます(指定されていない場合は、デフォルトの JPEG)。
- 正の値は、要求された画像と新しい画像のバイト数の違いを示します。上記の例では、保存されたバイト数は 1 つの画像について
75048
(約 75 KB)です。 - 負の値は、要求された画像が新しい画像より小さいことを意味します。負のサイズの差が表示されますが、提供される画像は要求されたオリジナル画像のみです。
X-Adobe-Smart-Imaging
の値が -1 で、WebP がまだ配信中の場合、スマートイメージングはアクティブです。ただし、キャッシュが古いので、サイズのメリットは計算されませんでした。画像の URL で cache=update
を(1 回だけ)使用して、この問題を修正できます。この修飾子の使用例を次に示します。
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
キャッシュ全体を無効にするには、サポートケースを作成する必要があります。
スマートイメージングで AVIF の最適化を無効にするにはどうすればよいですか?
bfc=off
パラメーターを追加して、スマートイメージングをオフにできます。ただし、スマートイメージングの URL 修飾子で WebP または AVIF を選択することはできません。この機能は、会社アカウントレベルで維持管理されています。リクエストに対してスマートイメージングをオフにできますか?
はい。次のいずれかの修飾子を追加して、スマートイメージングをオフにできます。
bfc=off
:ブラウザーフォーマット変換をオフにします。ブラウザーフォーマット変換も参照してください。dpr=off
:デバイスピクセル比の最適化をオフにします。デバイスピクセル比も参照してください。network=off
:ネットワーク帯域幅の最適化をオフにします。ネットワーク帯域幅も参照してください。
どの「チューニング」が使用できますか?定義できる設定やビヘイビアーはありますか?
スマートイメージングには、有効または無効にできるオプションが次の 3 つあります。
Chrome web ブラウザーで fmt=tif を含んだ URL があります。しかし、要求が ImageServer エラーで失敗します。なぜですか?
アカウントでスマートイメージングが有効になっていない場合、このエラーは発生しません。スマートイメージングは、JPEG 形式または PNG 形式でのみ機能します。
このエラーを回避するには、次のいずれかを行います。
- JPEG または PNG を指定する
fmt
修飾子をまったく使用しない- スマートイメージングで定義されているブラウザー優先設定形式を使用する。例えば、Chrome web ブラウザーには WebP を使用できます。
画像の URL からTIFF 画像をダウンロードする必要があります。どうすればよいですか?
fmt=tif
と bfc=off
を画像の URL パスに追加します。スマートイメージングは画像形式のみを管理しますか?それとも最適な結果を得るために画質設定も管理しますか?
スマートイメージングが画質設定を管理する場合、設定できる最小値と最大値はありますか?つまり、60 以上 80 以下といったように。
スマートイメージングは画質(%単位)の出力設定を自動的に調整しますか?それとも、手動で調整した設定がすべての画像に適用されますか?また、それはどのような範囲内ですか?
スマートイメージングでサポートまたは無視される画像サービングコマンドはどれですか?
fmt
と qlt
だけです。残りのコマンドはすべてサポートされています。スマートイメージングで置換の対象となるのは JPEG 画像のみですか?WebP や PNG などを要求した場合はどうなりますか?
WebP ではなく JPEG 画像が Chrome に返されることがあるのはなぜですか?
合成画像でデバイスピクセル比(dpr)機能が期待どおりに動作しないのはなぜですか?
スマートイメージングで PNG が依然として可逆 WebP/AVIF に変換されるのはなぜですか?
PNG は可逆形式なので、以前配信されていた WebP および AVIF は可逆形式でした。その結果、予想よりも大きいサイズになりました。スマートイメージングでは、非可逆変換をサポートするようになりました。画像リクエストで修飾子 cache=update
を(1 回だけ)使用して、この問題を修正できます。この修飾子の使用例を次に示します。
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
キャッシュ全体を無効にするには、サポートケースを作成して、その作業を依頼する必要があります。
スマートイメージングで PNG の可逆変換を引き続き使用するにはどうすればよいですか?
qlt=100
を追加して、可逆変換を引き続き使用できます。