快速入門: 影像調整大小 quick-start-image-sizing

影像大小調整是指Adobe Dynamic Media Classic根據單一高解析度影像建立多個衍生影像的能力。 您不需要手動為網站或應用程式建立數個影像(例如縮圖和放大的檢視影像),而是提供單一的主要影像。 Adobe Dynamic Media Classic會依您的請求產生所有修改的影像。 能夠從單一主要影像動態傳送影像有許多優點:

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

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

另請參閱 影像大小:Dynamic Imaging 訓練影片。

下列影像大小調整快速入門旨在協助您快速上手並執行Adobe Dynamic Media Classic中的影像大小調整技術。 請依照步驟1-5操作。 每個步驟之後都會有互動參照,您可以在需要資訊時找到更多資訊。

1.上傳主要影像

首先,將主要影像上傳至Adobe Dynamic Media Classic。 關於大小,Adobe Dynamic Media Classic建議使用您預期在網站或應用程式中使用的最大尺寸影像。 例如,如果您希望檢視器縮放影像,請上傳大小至少為2000畫素的影像。 Adobe Dynamic Media Classic支援許多影像檔案格式,但建議使用不失真TIFF和PNG影像。

在全域導覽列上,選取 上傳 將檔案從電腦上傳至Adobe Dynamic Media Classic上的資料夾。 另請參閱 上傳主要影像.

2.設定影像預設集

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

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

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

3.預覽影像預設集

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

若要探索影像預設集,請在全域導覽列上,前往 設定 > 影像預設集,然後瀏覽至影像預設集。

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

另請參閱 根據影像預設集預覽影像資產.

4.發佈您的主要影像

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

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

在全域導覽列上,選取 發佈 以啟動發佈工作。 在「發佈」對話方塊中,選取 提交發佈. 另請參閱 發佈主要影像.

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

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

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

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26