為回應式網站傳送最佳化影像 delivering-optimized-images-for-a-responsive-site

CAUTION
AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

當您想要與網頁開發人員共用程式碼以進行回應式服務時,請使用回應式程式碼功能。 您複製回應式(RESS)程式碼,以便與網頁開發人員共用。

如果您的網站位於協力廠商WCM,則使用此功能有意義。 不過,如果您的網站是AEM,Offsite影像伺服器會轉譯影像並提供給網頁。

另請參閱 將視訊檢視器內嵌在網頁上。

另請參閱 將URL連結至您的Web應用程式。

為回應式網站提供最佳化影像:

  1. 導覽至您要為提供回應式程式碼的影像,然後在下拉式選單中,點選 轉譯.

    chlimage_1-408

  2. 選取回應式影像預設集。URL RESS 按鈕出現。

    chlimage_1-409

    note note
    NOTE
    必須發佈 選取的資產 ,以及選取的影像預設集或檢視器預設集,才能使 URLRESS 按鈕可用。
    Dynamic Media — 混合模式需要您發佈影像預設集;Dynamic Media - Scene7模式會自動發佈影像預設集。
  3. 點選 RESS.

    chlimage_1-410

  4. 內嵌回應式影像 對話方塊,選取並複製回應式程式碼文字,然後貼到您的網站以存取回應式資產。

  5. 編輯內嵌程式碼中的預設中斷點,以直接比對程式碼中回應式網站的中斷點。 此外,測試在不同頁面斷點處提供的不同影像解析度。

使用HTTP/2傳送Dynamic Media資產 using-http-to-delivery-your-dynamic-media-assets

HTTP/2是全新、更新的Web通訊協定,可改善瀏覽器和伺服器的通訊方式。 它提供了更快的資訊傳輸,並降低了所需的處理能力。 支援使用HTTP/2來傳送Dynamic Media資產,以提供更理想的回應和載入時間。

請參閱 HTTP2內容傳送 如需開始使用HTTP/2搭配您的Dynamic Media帳戶的完整詳細資訊。

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad