影像

附註:

圖片、插圖和影像是讓網路體驗資訊更多、也更有吸引力的必要部分。 只要將影像插入檔案,或直接從來源複製/貼上影像,即可將影像新增到檔案中。

在影像中新增替代文字,讓內容更容易存取。 兩者 WordGoogle檔案 對此提供絕佳支援。

AEM會自動調整影像大小,使其適合網站大小,並將其轉換為對使用者瀏覽器有意義的格式。

建議您插入至少寬度為2000畫素的影像(如果有的話),因此即使顯示解析度很高,影像仍會很清晰。

頁面上的第一個影像會自動成為用於中繼資料(適用於社群媒體和訊息應用程式)的影像,除非在中繼資料中另有定義。

GDocs的特別注意事項:Google會將影像縮小至寬度或1600畫素高度的最大值。 對於大多數的攝影影像使用案例來說,這仍然足夠,但對於某些插圖來說,這可能導致可見的成品。

範例:

檢視即時輸出

內容結構:

檢視檔案中的內容

程式碼:

由於影像被視為預設內容,因此會在專案或區塊CSS程式碼中設定其樣式。 通常不會使用JavaScript程式碼。
此程式碼包含在樣板中,不需要複製。

檢視程式碼

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec