圖片能讓訪客快速了解您的品牌、產品、作品與空間,但若處理不當,亦最容易令網站顯得不專業:檔案過大會導致上傳失敗、過小則會模糊不清,而缺乏描述更會令搜尋引擎與輔助工具難以識別。
Kanorio 的一般網站圖片會在編輯模組時直接上傳與使用,目前並無獨立的「媒體庫」供您預先集中存放。換言之,請先決定圖片要放置於哪個模組,再從該欄位進行上傳或選擇素材。
圖片欄位會根據不同模組而顯示。例如頁面主視覺、圖文並排、圖片畫廊、商品展示、頁首 Logo、網站小圖示與頁面分享圖,均各自擁有專屬的圖片選擇器。
在編輯器預覽中點選模組,或從「排版」清單中選取。找到圖片欄位後,點擊上傳、選擇圖片或更換圖片。若尚未有合適的內容區塊,可先從「模組」新增。
圖片選擇器通常提供「上傳」、「圖片網址」與「圖庫」三種來源。您可從電腦選取檔案、貼上可公開讀取的圖片網址,或從 Pexels、Pixabay 圖庫中挑選。選擇後,請等待載入完成,並確認預覽效果是否正確。
若看到裁切工具,請先調整可見範圍再完成裁切;在尚未完成裁切前,請勿急於離開設定面板。使用外部圖片網址時,請確保您擁有使用權,且來源網站允許公開載入;若對方移除圖片、更改網址或限制存取,您的網站亦可能無法顯示該圖片。
支援 ALT 文字的欄位,請在圖片旁填寫描述。ALT 文字並非供一般訪客閱讀的長篇文案,而是簡短、具體地說明圖片內容。
一般網站圖片支援上傳 JPG、JPEG、PNG 與 WebP 格式。單一檔案上限為 10 MB。超過大小、空白檔案或無法辨識的檔案將會被拒絕。
一般網站圖片不計入 PDF、音訊與影片所使用的媒體儲存額度;但這並不影響圖片本身單張 10 MB 與格式的限制。若您需要上傳或整理 PDF、音訊、影片或數位商品檔案,請參閱管理網站儲存空間。
| 格式 | 適合情境 |
|---|---|
| JPG / JPEG | 相片、場地照、人物照和顏色層次豐富的圖片。 |
| PNG | 需要透明背景的 Logo、圖示或設計稿。 |
| WebP | 適合追求網頁友善、檔案通常較精簡的圖片格式。 |
| HEIC / HEIF | iPhone 常見格式;選擇後會於瀏覽器先轉換為相容圖片再上傳。 |
HEIC 或 HEIF 並非伺服器直接保存的格式。Kanorio 會先在您的瀏覽器中進行轉換,再以上傳相容圖片的方式處理。若轉換失敗,請於裝置上匯出為 JPG 後再試。
系統亦會限制短時間內的大量上傳。目前一般圖片上傳的保護限制為每分鐘 20 次;若被暫時限制,請稍候一分鐘再試,切勿連續重複點擊。
ALT 文字(圖片的替代文字)是一段描述圖片的文字。當圖片無法載入時,它能提供替代說明;使用螢幕閱讀器的訪客亦會透過它理解圖片內容。Google 等搜尋引擎同樣會利用它來輔助識別圖片。
優質的 ALT 文字應描述「可見的重點」,而非重複堆砌關鍵字。
| 不佳寫法 | 較佳寫法 |
|---|---|
| 咖啡、台北咖啡、咖啡店 | 台北咖啡工作室吧台上的手沖咖啡與淺焙豆 |
| 圖片 | 皮件工作室展示深棕色手工托特包 |
| 我們最好的服務 | 顧問在會議桌旁向兩位創辦人說明品牌策略 |
裝飾性圖片未必需要詳細的 ALT 文字;但產品、作品、人物、場地、流程與重要資訊圖,均應清楚說明。
當您發佈或更新網站時,系統會自動為缺少 ALT 的相容圖片補上描述。此功能預設啟用,無需在設定中開啟。系統會根據模組文字與頁面內容推導描述,且不會覆蓋您已手動填寫的文字。
此功能可提供基本協助,但針對重要圖片,仍建議您手動確認與改寫,因為系統無法得知您最希望訪客理解的細節。
圖片選擇器提供 Pexels 與 Pixabay 兩個免費圖庫來源。當您尚未準備好自己的圖片時,可透過關鍵字搜尋,並選擇合適的照片加入模組。
根據 Pexels License 與 Pixabay Content License 的現行條款,兩個圖庫的內容均可免費使用於個人與商業網站,亦可根據網站需求進行裁切或修改。您無需額外付費,亦不必在公開網站上標註攝影師或圖庫來源。
Kanorio 會在選圖介面顯示圖片來源與攝影師資訊,方便您認識素材作者;若您願意標註,仍是值得鼓勵的做法。
這些授權並非「毫無限制」。請勿將未經實質改作的圖庫圖片當作獨立素材販售或重新散佈,亦不可將圖片本身作為商標、品牌標誌或其他識別標記。
使用圖庫時,請選擇能真實代表內容的圖片。若餐廳、店面、產品、團隊或作品已有真實照片,優先使用真實素材通常比通用圖庫更能建立信任感。
圖庫圖片可能包含可辨識的人物、商標、品牌、建築物或藝術作品。當圖片將用於品牌核心視覺、廣告、商品主圖或其他敏感場景時,請先確認是否需要模特兒、商標、肖像、財產或其他第三方權利的同意。Kanorio 與圖庫條款均不能取代您針對特定用途的授權判斷。
Kanorio 使用 Cloudflare Images 儲存與傳遞一般網站圖片,讓公開網站能根據使用情境取得最合適的圖片版本。您仍應從源頭選擇清晰、構圖合適的圖片,因為系統無法將模糊的照片變成專業級影像。
上傳前可參考以下原則:
當有人在 Facebook、LinkedIn、X 等平台分享您的頁面時,會顯示社群分享預覽。這張圖稱為 OG 圖(社群分享預覽圖),它並非一般模組圖片。
請從「頁面」中的 SEO 設定管理每頁的分享圖。若沒有手動上傳分享圖且自動分享圖功能已開啟,系統會根據頁面標題與品牌設定產生預覽圖。如欲深入了解 SEO,請參閱「完整 SEO 設置」。
本篇主要說明一般網站圖片。若要在網站上顯示 YouTube、TikTok、Spotify、Apple Music、Podcast、表單或預約工具,請使用對應的整合模組,而非將影片檔當作圖片上傳。
coffee-studio-bar.jpg,日後整理本機素材會更方便。單一圖片上限為 10 MB。請先縮小尺寸或使用相片工具匯出適合網頁的 JPG、PNG 或 WebP 格式,再重新上傳。請勿反覆上傳同一個超大檔案。
可能是原始圖片解像度過低、圖片被放大超過原始尺寸,或裁切後只剩下很小的區域。建議改用更清晰的原圖,並在預覽中檢查裁切範圍。
可以。選擇器的「圖片網址」分頁可貼上可公開讀取的圖片網址,系統會提醒您外部圖片的風險。請僅使用您有權使用的來源;不要貼上需要登入、會過期或不允許外部載入的網址。若圖片是網站的重要素材,建議上傳您自己的檔案,以避免來源網站更改網址、移除或限制圖片。
請依序確認檔案未超過 10 MB、格式正確、網絡連線穩定,且並非短時間內連續大量上傳。若仍失敗,請改用 JPG 或 WebP 後重試,並記錄錯誤訊息以便客服協助判斷。
重要內容圖片應填寫。純裝飾圖片可不必撰寫長描述,但切勿讓產品、作品、服務流程或包含重要文字的圖片缺乏說明。
可以。根據兩個圖庫目前的授權條款,內容可免費使用於商業網站,且通常無需自行標註來源。不過,人物、商標、品牌或建築物等可辨識內容可能仍有額外權利限制;進行重要商業用途前請自行確認。
Kanorio 會嘗試在瀏覽器中轉換 HEIC 或 HEIF。若裝置或圖片無法轉換,請先在手機或電腦匯出為 JPG,再重新上傳。