裁切、調整影像和縮放目標

Dynamic Media Classic主影像概念的主要優點之一,是您可以針對許多用途重新調整影像資產的用途。 傳統上,您必須建立個別的裁切版本,以顯示詳細資訊或色票。 使用Dynamic Media Classic時,您可以在單一主版上執行相同的工作,並將這些裁切的版本儲存為新的物理檔案或不佔用儲存空間的虛擬衍生工具。

在本教學課程的本節結束前,您將了解如何:

  • 在Dynamic Media Classic中裁切影像,並儲存為新主檔案或虛擬影像。 了解更多.
  • 儲存虛擬調整後的影像,並將其用來取代主資產。 了解更多.
  • 在影像上建立縮放目標以顯示其醒目提示。 了解更多.

裁切

Dynamic Media Classic在UI中提供一些影像編輯工具(包括裁切工具),非常方便。 您可能想要在Dynamic Media Classic中裁切主影像,原因有很多。 例如:

  • 您無法存取原始檔案。 您想要以不同的裁切或外觀比例來顯示影像,但電腦上沒有原始檔案,或正在家中工作。 在此情況下,您可以前往Dynamic Media Classic、尋找影像、裁切影像並儲存,或儲存為新版本。
  • 移除多餘的空白。 照片中的白色空間太大,這讓產品看起來很小。 您希望縮圖影像盡可能填滿畫布。
  • 要建立調整後的映像,需要不佔用磁碟空間的映像的虛擬副本。 有些公司有業務規則,要求他們保留相同影像的個別副本,但名稱不同。 或者,您想要裁切和未裁切的相同影像版本。
  • 從源影像生成新影像。 例如,您可能想要建立顏色色板或主影像的詳細資訊。 您可以在Adobe Photoshop中執行此操作,並個別上傳或在Dynamic Media Classic中使用裁切工具。
注意

下列Cropp討論中的所有URL僅用於說明目的;它們不是即時連結。

使用裁切工具

您可以從資產的「詳細資訊」頁面,或按一下​Edit​按鈕,存取Dynamic Media Classic中的裁切工具。 您可以透過兩種方式使用工具來裁切:

  • 拖動裁切窗口的手柄或在「大小」(Size)框中鍵入值的預設裁切模式。 了解如何手動裁切
  • 修剪。 透過計算不符合影像的像素數,以移除影像周圍的額外空白字元。 了解如何透過修剪🔗裁切。

手動裁切

儲存手動裁切的版本時,影像似乎會永久裁切;Dynamic Media Classic實際上是透過新增內部URL修飾元來裁切影像來隱藏像素。 當您發佈時,每個人都會看到影像已裁切,不過您可以返回裁切編輯器,並在稍後點移除裁切。

然後,您可以選擇另存為新主映像還是另存為主映像的附加視圖。 新主檔案是新的物理檔案(如TIFF或JPEG),佔用儲存空間。 另一個視圖是不佔用伺服器空間的虛擬映像。 我們不建議您選擇「取代原稿」,因為這會覆寫您的主稿,並將裁切設為永久性。 如果您儲存為新主版或其他檢視,則必須選擇新的資產ID。 如同其他資產ID,這在Dynamic Media Classic中必須是唯一的名稱。

修剪裁切

如果您在影像的主要主題周圍上傳包含太多空白字元(額外畫布)的影像,調整大小時,其在網頁上看起來會小得多。 對於150像素或更小的縮圖影像來說,這尤其正確 — 照片的主題可能會在周圍的所有額外空間中丟失。

比較相同影像的這兩個版本。

影像

移除產品周圍的額外空間,讓右側的影像更加顯眼。 修剪可以使用裁切工具一次完成一個影像,也可以在上傳時以批處理方式運行。 如果您希望所有影像都能一致地裁切至主要主題的界限,建議您以批次程式的方式執行。 修剪裁切到邊界框 — 圍繞影像的矩形。

注意

修剪不會在影像周圍建立透明度。 為此,您需要在影像上嵌入剪裁路徑,並使用​**「從剪輯路徑建立遮罩」**​上傳選項。

此外,要在使用​Save​選項後將影像還原為原始狀態,請在「裁切編輯器」螢幕中顯示影像,並選擇​Reset​按鈕。

上傳時裁切

如前所述,您也可以在上傳影像時選擇裁切影像。 要在上載時使用修剪裁切,請按一下​作業選項​按鈕,然後在「裁剪選項」下,選擇​修剪

Dynamic Media Classic會記住此選項,以供下次上傳。 雖然您可能希望它裁切此上傳的影像,但您可能不希望在每次上傳時都裁切這些影像。 另一個選項是設定特殊的排程FTP上傳工作,並將裁切選項放在該處。 這樣,只有在需要裁切影像時,才會執行工作。

重要

如果您為上傳設定裁切,Dynamic Media Classic會放置Cookie,以便下次記住該設定。 在下次上傳前,請按一下​重設為公司預設值​按鈕,以清除上次上傳遺留的任何裁切選項;否則,您可能會意外裁切下一批影像。

依URL裁切

雖然在Dynamic Media Classic中並不明顯,但您也可以單純透過URL進行裁切(或甚至將裁切新增至影像預設集)。

每當您使用裁切工具時,都會在底部的欄位中看到URL值。 您可以取用這些值,並直接將它們套用至影像,作為URL修飾元。


裁切編輯器底部的imageCrop命令修飾元

影像

因為當您透過修剪來使用裁切時,必鬚根據每個影像計算大小,因此無法透過URL自動執行大小調整。 修剪裁切只能在上傳時執行,或一次套用一個影像。

在影像預設集中裁切

「影像預設集」有一個欄位,您可以在其中新增額外的「影像伺服」命令。 若要將上述的相同裁切功能新增至您的影像預設集,請編輯預設集並貼上或在「URL修飾元」欄位中輸入值,然後儲存並發佈。


imageAdd crop命令(或任何命令)至影像預設集的URL修飾元。

裁切現在會是該影像預設集的一部分,且每次使用時都會自動套用。 當然,這種方法取決於需要相同裁切量的所有影像。 如果您的影像並非都以相同方式拍攝,則此方法不適用。

調整後的影像

使用「裁切」工具時,您可以選擇​另存為主版的「其他視圖」。 儲存後,會建立新類型的Dynamic Media Classic資產 — 調整後的影像。 調整後的影像(又稱為導數)是虛擬影像。 這其實根本不是一幅畫;它是指向物理主映像的資料庫引用(如別名或快捷方式)。

真的影像能站起來嗎?

您能判斷哪個是主版,哪個是調整後的影像嗎?

影像

查看Dynamic Media Classic並查看SBR_MAIN2的「調整後影像」資產類型時,您應該無從得知。

調整後的映像不使用磁碟空間,因為它只作為行項存在於資料庫中。 它還與原始資產永久相連;如果刪除原始影像,也會刪除調整後的影像。 它可能包含整個未裁切的影像,或只是影像的一部分(裁切)。

影像

您通常會使用裁切工具建立調整後的影像;但也可以使用其他影像編輯器(「調整」和「銳利化」工具)來建立它們。

調整後的影像需要唯一的資產ID。 發佈時(您必須像發佈任何其他資產一樣發佈),它們會如同任何其他影像,並會透過其資產ID在URL上呼叫。 在「詳細資訊」頁面上,您可以在​Build & Deviratives​標籤下查看與主影像關聯的已調整影像。


主影像ASIAN_BR_MAIN的imageAdjusted視圖

縮放目標

在影像的​Edit​功能表和​Details​頁面上也可找到縮放目標。 它們可讓您設定「熱點」,突顯縮放影像的特定銷售功能。 縮放檢視器不會借由裁切大型主版來建立個別影像,而是可在影像上方提供詳細資訊,以及您建立的短標籤。

影像

由於縮放目標本質上是銷售功能,且需要了解產品的銷售點,因此通常會由公司銷售或產品團隊中的人員建立。

該過程非常簡單 — 按一下該功能,為其指定描述性名稱,然後保存。 如果目標相似,則可將目標從一個映像複製到另一個映像,但該過程是手動的。 Dynamic Media Classic無法自動建立縮放目標,因為每個影像都不同,且有不同的功能。

決定是否要使用縮放目標的另一個因素,是您選擇的檢視器。 並非所有檢視器類型都可顯示縮放目標(例如,「彈出」檢視器不支援這些類型)。

了解如何建立縮放目標

影像

使用縮放目標工具

以下是在Dynamic Media Classic中建立目標的工作流程。

  1. 瀏覽到影像,按一下​Edit​按鈕,然後選擇​Zoom Targets

  2. 將載入縮放目標編輯器。 您會在中間看到您的影像、頂端的一些按鈕,以及右側的空白目標面板。 在左下方,您會看到已選取的檢視器預設集。 預設值為「Zoom1-Guided」。

  3. 用滑鼠移動紅色框,然後按一下以建立新目標。

    • 紅框是目標區域。 當使用者點按該目標時,它會放大到方塊內的區域。
    • 目標大小由檢視器預設集內的檢視大小決定。 這會決定主縮放影像的大小。 請參閱下方的​設定檢視大小
  4. 您會看到您剛建立的目標會變成藍色,在右側會看到該目標的縮圖版本,以及預設名稱"target-0"。

  5. 要更名目標,請按一下其縮略圖,鍵入新的​名稱,然後按一下​Enter​或​Tab — 如果按一下離開,則不會保存您的名稱。

  6. 選取目標時,框周圍會有綠色虛線,您可以調整其大小並移動它。 拖動角來調整大小,或拖動目標框來移動。

    • 這會在預設的自訂縮放檢視器內載入影像。 確認檢視器預設集支援縮放目標 — 一般而言,所有具有「 — Guided」字詞的標準預設集都是為搭配縮放目標而設計。 若要使用目標,請將滑鼠移到目標縮圖(或熱點圖示)上以查看標籤,然後按一下以查看檢視器放大到該功能。

    • 如同您在Dynamic Media Classic中執行的所有其他工作,您必須發佈,讓縮放目標在網路上上線。 如果您已使用支援目標的檢視器,則會立即顯示(快取清除後)。 不過,如果您沒有使用啟用縮放目標的檢視器,這些檢視器將保持隱藏狀態。

      影像

  7. 此外,如果需要刪除目標,請按一下其縮圖來選擇它,然後按​刪除目標​按鈕或按鍵盤上的DELETE鍵。

  8. 繼續按一下,新增新目標、重新命名和/或重新調整大小。

  9. 完成後,按一下​Save​按鈕,然後按一下​Preview

在縮放檢視器預設集中設定檢視大小

讓我們來談談縮放目標的大小來自哪裡。 在縮放檢視器的「檢視器預設集」內,有一個名為「檢視大小」的設定。 檢視大小是檢視器內縮放影像的大小。 它與舞台大小不同,舞台大小是檢視器的總大小,包括UI元件和圖稿。

建立新目標時,它會從視圖大小中導出其大小和外觀比例。 例如,如果您的檢視大小是200 x 200,則您將只能建立方形目標,最大縮放區域為200像素。 目標可以大於200像素,但一律為正方形。 但這也意味著縮放檢視器內的影像只有200像素 — 縮放目標的大小與檢視器的大小有直接的關係。 因此,您必須先決定檢視器設計,再設定目標。

但是,預設情況下視圖大小為空(設定為0 x 0),因為主視圖影像的大小是動態的,並且會根據舞台的大小自動導出。 問題是,如果您未在預設集中明確設定檢視大小,則「縮放目標」工具將不知道要設定目標的大小。

載入「縮放目標」工具時,檢視大小會顯示在預設集名稱旁。 比較內置Zoom1引導預設集和自定義ZT_AUTHORING預設集之間的視圖大小。

影像

您可以看到內建的預設集大小為900 x 550,這表示目標永遠不能小於那麼大的大小。 這可能太大了 — 如果你有2000像素的影像,你只能叫出一個至少900像素的功能。 使用者可以手動進一步縮放,但您無法引導他們靠近。 將檢視大小設定為350 x 350可讓目標非常接近地放大或調整大小。 但是,如果您想要在檢視器中放大縮放影像,則需要建立新的預設集,因為您的預設集是以350像素鎖定。

建立或編輯支援縮放目標的檢視器預設集

若要設定檢視大小,請建立或編輯支援縮放目標的檢視器預設集。

  1. 在「檢視器預設集」中,前往「縮放設定」選項。
  2. 設定寬度和高度。
  3. 儲存預設集,然後關閉。 如果您想在即時網站上使用該預設集,之後也必須發佈。
  4. 進入「縮放目標」工具,在左下方選擇您編輯的預設集。 您會立即看到新的檢視大小反映在您的目標中。

本頁內容