在進行網頁設計或網站維護時，常需要更換前端圖片以更新內容或美化版面。本文將教你如何透過網站後台的前端編輯模式，快速替換網站圖片，無需撰寫任何程式碼。從進入後台、啟動前端編輯、刪除舊圖、上傳新圖，到處理圖片未顯示的快取問題，每個步驟都將詳細說明。特別提醒：為了提升網站載入速度與穩定性，圖片需控制在 2MB 以內才能順利上傳。無論你是設計新手或網站管理員，都能透過這篇教學輕鬆掌握圖片編輯技巧，提升網站更新效率與使用體驗。

如何修改圖片（前端編輯步驟說明）

如果你想更換網頁上的某一張圖片，可以按照以下步驟操作：

1. 進入網站後台：

   首先登入網站後台，找到對應的頁面或內容管理系統（例如：SP Page Builder）。

2. 點選前端編輯：

   在頁面上方會看到「前端編輯」的按鈕，點進去後系統可能會要求你再次登入，這是正常程序。

3. 開始編輯圖片：

   登入完成後，就會進入前端編輯畫面。找到你要修改的圖片，直接點擊圖片後會出現操作選項。

4. 刪除舊圖並上傳新圖：
   • 點選刪除原有圖片。
   • 接著點「上傳」，從電腦中選擇你要使用的新圖片。
5. 完成替換：

   圖片上傳後會出現在下方列表，點選圖片 → 勾選 → 插入，即可完成替換。

6. 圖片找不到？這樣處理：

   有時圖片上傳成功但看不到，可能是因為快取問題。請試著：

   1. 點選「資料夾」圖示。
   2. 系統預設會將圖片存在「當日日期」的資料夾（例如：「2025 → 9月19日」）。
   3. 進入該資料夾後，就能看到你剛剛上傳的圖片。
7. 圖片無法上傳的原因：

   若圖片無法成功上傳，最常見的原因是檔案大小超過 2MB。請嘗試壓縮圖片後再重新上傳。

常見問題（FAQ）