媒體類型 Image
使用 Image 元素在 Webflow 中添加、編輯和設置圖像樣式。
Last updated
使用 Image 元素在 Webflow 中添加、編輯和設置圖像樣式。
Last updated
圖像元素是可以拖放到頁面上的圖像或圖像佔位符。你可以將其移動到獨立於其他元素的任何位置。圖像元素與設置在另一個元素(如部分或 div blcok)上的背景圖像不同。
若要將新圖像添加到你的頁面,只需從元素面板拖放一個圖像元素。要選擇或添加圖像,請單擊資產面板,然後單擊選擇圖像或上傳即可。
*圖像的最大文件大小為 4MB。
選擇圖像元素後,您可以通過 4 種方式確認圖像設置:
雙擊圖像元素
按回車
單擊圖像元素標籤旁邊的齒輪圖標
按 D 或轉到“設置”面板
HiDPI:勾選後,此設置會將你的圖像設置為像素寬度的一半。因此,一個 600 像素寬的圖像將以 300 像素顯示。這種像素密度將確保圖像在大多數具有 HiDPI 顯示器的移動設備上看起來很棒。
以下是一些可用於為圖像賦予特徵的樣式屬性: Border Radius:您可以在一個或多個角上設置圓角。 Drop shadow:您可以使您的圖像看起來像是從頁面中彈出一樣。 Filters:您可以使用不同的過濾器,例如模糊、灰度或棕褐色。
Alt 屬性用於在由於某種原因未在你的頁面上加載圖像時出現的替代文本。它可以是圖像的簡要描述。這不僅有助於可訪問性,而且有助於搜索引擎確定圖像的內容。
可以從“設置”面板為每個圖像指定 Alt 屬性。