影像元件(v2) image-component

影像資產

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

預設集型別 — 這定義了可用的影像預設集型別，可以 影像預設集 或 智慧型裁切、和僅在以下情況下可用： Dynamic Media功能 已啟用。

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

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

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

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

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

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

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

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

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

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

開始裁切

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

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

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

向右旋轉

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

水準翻轉

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

垂直翻轉

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

重設縮放

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

開啟縮放滑桿

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

啟用DM功能 — 選取時，啟用 Dynamic Media功能 可用。

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

• 此選項僅適用於AEMaaCS。
• 取消勾選或Web最佳化的影像傳送服務無法使用時， 最適化影像Servlet 已使用。

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

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

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

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

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

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

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

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

  • 使用抓取控點來重新排列大小。
  • 使用 刪除 圖示可移除寬度。

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

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

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

來源

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

方向

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

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

裁切

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

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