技術細節
您可以在GitHub上找到有關電子郵件影像元件的最新技術檔案。
在核心元件開發人員檔案中可找到有關開發核心元件的進一步詳細資料。
影像元件支援schema.org微資料。
設定對話方塊
電子郵件影像元件提供設定對話方塊,其中會定義影像本身及其說明和基本屬性。
資產標籤
電子郵件影像元件之設定對話方塊的
-
從頁面 繼承精選影像 — 此選項使用連結頁面🔗的精選影像或目前頁面的精選影像(如果未連結影像)。
-
協助工具的替代文字 — 此欄位可讓您為視障使用者定義影像的說明。
- 從頁面 繼承替代文字 — 此選項使用DAM中
dc:description
中繼資料之連結資產值的替代說明,或是使用目前頁面的替代說明(如果未連結資產)。
- 從頁面 繼承替代文字 — 此選項使用DAM中
-
影像資產
- 從資產瀏覽器拖放資產,或點選 瀏覽 選項,以從本機檔案系統上傳。
- 點選或按一下 清除 以取消選取目前選取的影像。
- 點選或按一下「編輯」以在Asset Editor中管理資產的轉譯。
-
不提供替代文字 — 此選項會將影像標籤為被熒幕閱讀器等輔助技術忽略,以用於影像純粹起裝飾作用或不向頁面傳達額外資訊的情況。
-
停用延遲載入 — 此選項會預先載入所有影像元件,而不視需要載入。
中繼資料標籤
影像元件之設定對話方塊的
-
預設集型別 — 這定義了可用影像預設集的型別,可以是 影像預設集 或 智慧型裁切,而且僅在Dynamic Media功能啟用時可用。
- 影像預設集 — 當選取 影像預設集 的 預設集型別 時,下拉式 影像預設集 可供使用,並允許從可用的Dynamic Media預設集中選取。 這只有在為選取的資產定義了預設集時才能使用。
- 智慧型裁切 — 選取 智慧型裁切 的 預設型別 時,下拉式清單 轉譯 可供使用,並允許從所選資產的可用轉譯中進行選取。 這只有在為選取的資產定義了轉譯時才可用。
- 影像修飾元 — 在這裡可以定義其他Dynamic Media影像伺服命令,以
&
分隔,無論選取哪個 預設集型別。
-
標題 — 影像的其他相關資訊,預設會顯示於影像下方。
- 從DAM取得註解 — 勾選時,影像的註解文字將會填入DAM中
dc:title
中繼資料的值。 僅在從DAM中選擇資產時可用。 - 以快顯視窗顯示註解 — 檢查後,註解不會顯示在影像下方,但如在某些瀏覽器中將滑鼠懸停在影像上,註解會以快顯視窗顯示。
- 從DAM取得註解 — 勾選時,影像的註解文字將會填入DAM中
-
連結 — 將影像連結到其他資源。
- 使用「選取」對話方塊可連結至其他AEM資源。
- 如果未連結至AEM資源,請輸入絕對URL。 非絕對URL將會解譯為相對於AEM。
- 在新索引標籤中開啟連結 — 此選項會在新的瀏覽器視窗中開啟連結。
-
ID — 此選項允許控制HTML中元件的唯一識別碼。
- 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果頁面找到該ID。
- 若指定ID,作者應負責確認該ID為唯一ID。
- 變更ID會對CSS造成影響。
-
固定為 — 此選項會定義影像的寬度(畫素)。
-
將影像縮放至可用的寬度 — 此選項會將
"width":"100%"
套用至影像樣式屬性。
樣式索引標籤
電子郵件影像元件之[編輯]對話方塊的
電子郵件影像元件支援AEM 樣式系統。
使用下拉式清單,選取要套用至元件的樣式。 在「編輯」對話方塊中所做的選取與從元件工具列中選擇的選取具有相同的效果。
必須在設計對話方塊中為此元件設定樣式,才能使用索引標籤。
設計對話方塊
主要標籤
-
啟用DM功能 — 檢查時,可以使用Dynamic Media功能。
- 只有在環境中啟用Dynamic Media時,才會顯示此選項。
-
啟用Web最佳化影像 — 檢查完畢後,Web最佳化影像傳送服務會傳送WebP格式的影像,平均將影像大小減少25%。
- 此選項僅在AEMaaCS中可用。
- 取消勾選或無法使用網頁最佳化的影像傳遞服務時,會使用最適化影像Servlet。
-
影像為裝飾性 — 定義將影像元件新增至頁面時,是否自動啟用裝飾性影像選項。
-
從DAM取得替代文字 — 定義在將影像元件新增至頁面時,是否自動啟用從DAM擷取替代文字的選項。
-
從DAM取得註解 — 定義在將影像元件新增至頁面時,是否自動啟用從DAM擷取註解的選項。
-
以快顯視窗顯示註解 — 定義將影像元件新增至頁面時,是否自動啟用以快顯視窗顯示影像註解的選項。
-
調整寬度 — 此值用於調整作為DAM資產的基本影像的寬度。
- 影像的外觀比例將會保留。
- 如果該值大於影像的實際寬度,則該值無效。
- 此值對SVG影像沒有影響。
您可以定義影像的寬度(單位為畫素),元件會根據瀏覽器大小自動載入最適當的寬度。 這是電子郵件影像元件之回應式功能的重要部分。
-
寬度 — 定義影像的寬度(以畫素為單位),元件會根據瀏覽器大小自動載入最適當的寬度。
-
點選或按一下 新增 按鈕以新增其他大小。
- 使用抓取操作框可重新排列大小。
- 使用 刪除 圖示來移除寬度。
-
依預設,影像載入會延遲到影像可見為止。
- 選取選項 停用延遲載入 以在頁面載入時載入影像。
-
-
JPEG品質 — 轉換(例如縮放或裁切)的JPEG影像的品質係數(以從0到100的百分比表示)。
-
預設寬度 — 將在設計對話方塊中使用的預設影像寬度(畫素)
樣式索引標籤
電子郵件影像元件支援AEM 樣式系統。