圖像元件 - 完整的圖片功能

Weebly 除了可以用滑鼠拖拉的方式, 將圖片元件快速置入網頁之外, 也提供多種基本的圖片功能. 例如:​

• 使用滑鼠輕鬆調整圖片大小.
• 圖片連結功能: 設定圖片連結至特定網址、檔案下載、電子郵件信箱等等.
• 圖片編輯功能: 剪裁、調整亮度/飽和度、加入文字、加入超連結等等
• 圖像替代文字設定, SEO 優化 - 讓搜索引擎也能透過圖片找到你的網站

​

放入圖片至網頁

只要用滑鼠, 將圖片元件拖拉至想要置放的位置就可以了.

上傳圖片的方式有四種:
(1) 從電腦抓取圖片檔案​

(2) 按 "搜尋", 在 Weebly內尋找 Flickr 網站相關的圖片. 你可以直接選取該圖片, 也可以將圖片加入 "我的最愛".
(3) 從 "我的最愛" 選取圖片

(4) 直接輸入圖片網址

快速調整圖片大小

不論你的圖片的解析度有多大, 只要將滑鼠移到圖片的右下方, 就能透過滑鼠的移動調整圖片顯示的大小.

​圖片連結功能

用滑鼠點擊圖片時, 就會出現圖片元件的功能表 > 選擇 "連結" , 設定連結項目.
除了一般最常見的 "網址", 還能直接連結檔案的下載..等等.

圖片編輯功能

Weebly 的圖片元件內建基本的圖片編輯功能
例如: 圖片的剪裁、篩選器 (各種主題呈現: 復古風, 黑白等等)、調整 (亮度, 飽和度, 對比)、加入文字...

還可以設定焦點, 凸顯某個特定區塊.
基本上, 一些基本的圖片編輯功能就可以直接在 Weebly 操作, 不需要另外安裝/開啟其他的圖片編輯軟體了.

圖像替代標籤 (SEO 優化)

​相較於文字, 搜索引擎比較難判別圖片是否就是合適的資料. 所以,  為了讓搜索引擎也能透過圖片找到你的網站, 建議圖片檔名盡量與圖片內容有關. 除此之外, Weebly 也提供圖片替代文字功能, 讓用戶可以用簡短的文字描述這張圖片 (建議在 125字元以內). 
將圖片元件拉至頁面後, 在圖片上按右鍵, 在進階項目中, 就能設定圖片的替代文字了.

更多關於SEO 優惠的相關文章: ​Weebly - SEO 搜尋引擎關鍵字設定

架構網頁內容時, 我們總希望能用最有效率的方式, 完成一個有品質有內容的文章. 因此, "操作簡單順手" 是重要條件之一.  以 "圖像" 元件來說, 除了可以用拖拉方式隨意放置/調整圖片的位置, 也能隨意調整圖片大小, 確認各種大小/擺設位置呈現的視覺觀感, 真的非常方便....