影像元件(v2) image-component

影像資產

• 從資產瀏覽器拖放資產，或點選​ 瀏覽 ​選項，以從本機檔案系統上傳。
• 點選或按一下​ 清除 ​以取消選取目前選取的影像。
• 點選或按一下​ 編輯 ​以在資產編輯器中管理資產的轉譯。

預設集型別 — 這定義了可用影像預設集的型別，可以是​ 影像預設集 ​或​ 智慧型裁切，而且僅在Dynamic Media功能啟用時可用。

• 影像預設集 — 選取​ 影像預設集 ​的​ 預設集型別 ​時，下拉式清單​ 影像預設集 ​可供使用，並允許從可用的Dynamic Media預設集中選取。 這只有在為選取的資產定義了預設集時才能使用。
• 智慧型裁切 — 選取​ 智慧型裁切 ​的​ 預設型別 ​時，下拉式清單​ 轉譯 ​可供使用，並允許從所選資產的可用轉譯中進行選取。 這只有在為選取的資產定義了轉譯時才可用。
• 影像修飾元 — 在這裡可以定義其他Dynamic Media影像伺服命令，以&分隔，無論選取哪個​ 預設集型別。

影像為裝飾性 — 檢查輔助技術是否應忽略影像，因此不需要替代文字。 這僅適用於裝飾性影像。

替代文字 — 影像含義或功能的替代文字，適用於視障讀者。

• 從DAM取得替代文字 — 勾選時，影像的替代文字將會填入DAM中dc:description中繼資料的值。

標題 — 影像的其他相關資訊，預設會顯示於影像下方。

• 從DAM取得註解 — 勾選時，影像的註解文字將會填入DAM中dc:title中繼資料的值。
• 以快顯視窗顯示註解 — 檢查後，註解不會顯示在影像下方，但如在某些瀏覽器中將滑鼠懸停在影像上，註解會以快顯視窗顯示。

連結 — 將影像連結到其他資源。

• 使用選取對話方塊可連結至其他AEM資源。
• 如果未連結至AEM資源，請輸入絕對URL。 非絕對URL將會解譯為相對於AEM。

ID — 此選項可控制HTML和資料層中元件的唯一識別碼。

• 如果保留為空白，系統會自動為您產生唯一ID，並可透過檢查結果頁面找到該ID。
• 若指定ID，作者應負責確認該ID為唯一ID。
• 變更ID會對CSS、JS和資料層追蹤造成影響。

開始裁切

選取此選項會開啟預先定義裁切比例的下拉式清單。

• 選擇選項​ 手繪 ​來定義您自己的裁切。
• 選擇選項​ 移除裁切 ​以顯示原始資產。

選取裁切選項後，請使用藍色控點來調整影像上的裁切大小。

向右旋轉

使用此選項可將影像向右（順時針）旋轉90°。

水準翻轉

使用此選項可水準翻轉影像或沿y軸將影像旋轉180°。

垂直翻轉

使用此選項可垂直翻轉影像或沿x軸將影像旋轉180°。

重設縮放

如果影像已經縮放，請使用此選項來重設縮放等級。

開啟縮放滑桿

使用此選項可顯示控制影像縮放等級的滑桿。

啟用DM功能 — 勾選後，即可使用Dynamic Media功能。

啟用Web最佳化影像 — 勾選後，Web最佳化影像傳送服務將以WebP格式傳送影像，平均將影像大小減少25%。

• 此選項僅在AEMaaCS中可用。
• 取消勾選或Web最佳化的影像傳遞服務無法使用時，會使用最適化影像Servlet。

啟用延遲載入 — 定義在將影像元件新增至頁面時，是否自動啟用延遲載入選項。

影像為裝飾性 — 定義將影像元件新增至頁面時，是否自動啟用裝飾性影像選項。

從DAM取得替代文字 — 定義在將影像元件新增至頁面時，是否自動啟用從DAM擷取替代文字的選項。

從DAM取得註解 — 定義在將影像元件新增至頁面時，是否自動啟用從DAM擷取註解的選項。

以快顯視窗顯示註解 — 定義將影像元件新增至頁面時，是否自動啟用以快顯視窗顯示影像註解的選項。

停用UUID追蹤 — 勾選以停用影像資產的UUID追蹤。

寬度 — 定義影像的寬度（以畫素為單位），元件會根據瀏覽器大小自動載入最適當的寬度。

• 點選或按一下​ 新增 ​按鈕以新增其他大小。

  • 使用抓取操作框來重新排列大小。
  • 使用​ 刪除 ​圖示來移除寬度。

• 依預設，影像載入會延遲到影像可見為止。

  • 選取選項​ 停用延遲載入 ​以在頁面載入時載入影像。

JPEG品質 — 轉換（例如縮放或裁切）的JPEG影像的品質係數（以從0到100的百分比表示）。

來源

選取選項​ 允許從檔案系統上傳資產，以允許內容作者從其本機電腦上傳影像。 若要強制內容作者僅從AEM中選取資產，請取消選取此選項。

方向

旋轉
使用此選項可允許內容作者使用​ 向右旋轉 ​選項。

翻轉
使用此選項可允許內容作者使用​ 水準翻轉 ​和​ 垂直翻轉 ​選項。

裁切

選取選項​ 允許裁切，以允許內容作者在編輯對話方塊中裁切元件中的影像。

• 按一下「新增​ ​」以新增預先定義的裁切外觀比例。
• 輸入描述性名稱，此名稱將顯示在​ 開始裁切 ​下拉式清單中。
• 輸入外觀的數字比例。
• 使用拖曳操作框來重新排列長寬比
• 使用垃圾桶圖示可刪除外觀比例。