Weber更新日誌

組件概述

圖片組件用於在頁面中插入圖像素材，支援上傳本地圖片，是基礎內容元件。

適用場景

1. 產品頁：產品實拍圖、產品縮圖展示

2. 首頁橫幅、品牌形象圖、團隊照片、Logo 圖片

3. 案例展示、證書、資訊插圖

不建議使用場景

1. 頁面大面積背景圖：請直接在容器的【裝飾】中添加【背景樣式】，使用背景圖片

2. 影片內容：需要播放動態影片，請使用影片組件，圖片組件不支援影片播放。

組件使用

1、可通過Class【尺寸】中的【圖片填滿】與【圖片對齊位置】調整圖片內容，避免設置圖片尺寸後導致圖片變形

2、可在編輯器右側的【設置】中開啟【點擊放大】功能（注意：在編輯器中無效，需網站發佈後可使用）

3、可在編輯器右側的【設置】中調整【圖片大小類型】，便於網頁SEO的優化

4、組件可自定義樣式（尺寸、邊距、邊框圓角、背景、陰影等）

5、支持上傳GIF格式動圖，但會導致文件過大影響頁面效能與呈現，建議減少使用，過大的動圖可以轉格式使用【背景視頻】或【視頻】組件

進階使用

如果需要點擊圖片進行跳轉，可以在圖片外層添加【鏈接塊】，具體使用查看【鏈接塊】組件介紹。（圖片組件本身不帶有連結綁定功能）