快速入門: 影像調整大小

影像調整是指Dynamic Media經典(Megase Sizing)在單一高解析度影像上建立多張衍生影像的能力。 您不需為網站或應用程式手動建立數張影像(例如縮圖和放大檢視影像),而是提供單一主影像。 Dynamic Media·經典會依您的要求產生所有修改的影像。 能夠動態地從單一主影像傳送影像有許多好處:

  • 您不需手動建立不同大小的數個影像複本。您提供一個主影像給Dynamic Media經典影像,而Dynamic Media經典影像則會產生與主影像不同大小的衍生影像。
  • 您可以快速變更網站或應用程式內某個影像類型的大小。例如,若要變更所有的縮圖影像,您可以修改「縮圖」影像預設集。影像預設集類似巨集,它是一種大小和格式屬性的集合。您可以修改「縮圖」影像預設集,以變更網站或應用程式中所有縮圖影像的大小。
  • 您無需在內部或外部管理任何內容或資產管理系統中的主程式和所有各種衍生產品。

您可以建立不同大小的多個衍生影像,這些影像與相同的高解析度主檔案不同。

此影像調整大小快速入門旨在協助您使用Dynamic Media經典影像調整大小技術快速上手。 請遵循步驟1-5。 每一個步驟之後都有交互參照,可讓您在需要時尋找更多資訊。

1.上傳主影像

先將您的主影像上傳至Dynamic Media經典。 至於大小,Dynamic Media經典建議使用您預期在網站或應用程式中使用的影像大小最大。 例如,如果您想讓檢視者縮放影像,請上傳大小最大至少為2000像素的影像。 Dynamic Media經典影像支援多種影像檔案格式,但建議使用無損TIFF和PNG影像。

在全域導覽列上,按一下​Upload,將檔案從您的電腦上傳至Dynamic Media經典的資料夾。 請參閱上載主影像

2.設定影像預設集

如同巨集,影像預設集是儲存於同一個名稱下的預先定義大小和格式命令集合。影像預設集控制從Dynamic Media影像伺服器傳送影像的大小和格式。 如果您擁有公司管理員狀態,便可以自行設定影像預設集。Dynamic Media經典影像也隨附預設的影像預設集,您可使用它們動態傳送影像。

若要建立影像預設集(如果您是管理員),請在全域導覽列上按一下「設定​ > 應用程式設定 > 影像預設集」。 然後按一下「新增」以建立影像預設集,或按一下「編輯」以變更現有的影像預設集。

您建立的影像預設集會新增至「預覽」頁面上的「影像預設集」選單。 您可以使用新影像預設集,在網站和應用程式中動態顯示影像。請參閱設定影像預設集

3.預覽影像預設集

下一步是以不同預設集大小預覽管理員所設定的影像預設集。

若要探索影像預設集,請在全域導覽列上按一下「設定​ > 影像預設集」,然後瀏覽至影像預設集。

以不同的影像預設集進行實驗。瞭解當影像以不同大小動態傳送至您的網站或應用程式時,影像的顯示方式。

請參閱依據影像預設集來預覽影像資產

4.發佈您的主影像

發佈主影像檔案有兩個主要目的:

  • 將您的主影像發佈至Dynamic Media影像伺服器,以便動態地將影像傳送至您的網站和應用程式。
  • 發佈會啟動URL字串,以從Dynamic Media影像伺服器呼叫影像至您的網站或應用程式。 發佈後,您可以在網站或應用程式中複製並放置Dynamic Media經典網頁產生的URL。

在全域導覽列上,按一下「發佈」以開始發佈工作。 在「發佈」對話方塊中,按一下「提交發佈」。 ​請參閱發佈主影像

5.將URL連結至您的Web應用程式

Dynamic Media·Classic為影像建立URL圖說字串。 當您將影像發佈至Dynamic Media影像伺服器時,URL會變為作用中。 您可以從瀏覽面板(在詳細檢視中的)或「預覽」畫面複製這些 URL 字串。複製 URL 字串後,您便可以在網站和應用程式中使用這些字串。影像調整大小的 URL 會將參照取代為網頁代碼中的靜態影像名稱。URL 會參照主影像名稱,而該名稱會被要顯示之新影像的資料庫取代。

使用影像預設集產生的 URL 字串會包含一個影像預設集的名稱。此名稱以美元符號括起($)。 例如,$thumbnail$可以是設計為以縮圖大小顯示主影像的影像預設集。 請參閱將 URL 連結至網路應用程式

本頁內容