GoDaddy 說明

新增及編輯圖像

您為網站選取的主題會附帶圖像。 但我們瞭解您可能希望在自己的網站上放上您自己的圖像。 因此,Website Builder v7 可讓您新增並編輯您自己的圖像。 要在圖像中新增連結,請參閱 連結文字或圖像

圖像的格式必須是 .jpg、.jpeg、.gif 或.png 檔案。 上傳的每個圖像檔案大小限制為 30MB。 可以上傳大小為 5000 x 5000 像素的圖像,但大小超過 1920 x 1080 像素的圖像無法顯示

新增圖像

  1. 登入 Website Builder 帳戶
  2. 按一下 [編輯網站]
  3. 從左側工具列中,按一下並將 [圖像] 工具拖曳到您希望圖像在頁面出現的位置。
    按一下並將圖像拖曳到頁面
  4. [選擇相片] 視窗中,選取下列其中一個選項:
    選取相片來源
    • 我的相片 - 按一下方格中的其中一張圖像,或按一下 [瀏覽] 在電腦中選取要上傳的圖像,再按一下 [開啟]
    • 主題相片 - 按一下以選取已安裝在網站上的網站架設大師 v7 主題中的相片。
    • 免費圖像 - 要從我們的免費圖庫中選取圖像,在圖庫中輸入搜尋字詞以尋找特定圖像,或從 [所有類別] 選單中選取類別。
    • Facebook - 要從您的 Facebook® 帳戶匯入圖像,按一下 [連線到 Facebook],登入您的 Facebook 帳戶,再按一下 [以 Facebook 登入]

      如果稍後要從 Facebook 取消連結,前往您的 Facebook 帳戶設定,按一下 [應用程式] 再按一下 Website Builder 旁的 X

    • Instagram - 要從您的 Instagram® 帳戶匯入圖像,按一下 [連線到 Instagram],登入您的 Instagram 帳戶,再按一下 [以 Instagram 登入]
  5. 選取您要使用的圖像之後,按一下 [插入]
  6. 如果您需要重新調整圖像的位置,請按一下圖書館並拖曳到頁面上。
  7. 如果您需要重新調整大小,在圖像邊緣的任一處藍色方框中按一下並加以拖曳。 圖像會保持其比例。
    按一下並拖曳藍色方框以重新調整圖像
  8. 如果您要用其他方式調整圖像大小,請參閱下方的用網站架設大師 v7 編輯圖像。 否則,請按一下 [確定]
  9. 變更完成時,按一下 [發佈] 以線上更新網站。

注意: 您可以使用文字方塊來標明圖像。 將文字區塊拖放到圖像旁(或圖像上方)(更多資訊)。 接著,您可以隨時編輯或移動文字。 (商業版及商業超值版的網站架設大師方案也可讓您使用「進階編輯器」,直接將文字新增到圖像中,但儲存之後您無法變更或移除文字)。

編輯圖像

  1. 登入您的 Website Builder 帳戶。
  2. 按一下 [編輯網站]
  3. 按兩下圖像以顯示縮放及裁剪工具。
  4. 拖曳 [縮放] 側邊欄以顯示部分圖像,同時保留其整體比例。
    拖曳縮放側邊欄

    要將相片復原成其「未縮放」的大小,將側邊欄拖曳到左側。 按一下旁邊的按鈕將圖像重新設定成檔案的原始尺寸,通常會比您使用「圖像」工具建立的圖框要大。
    要取消圖像縮放,請使用「縮放」側邊欄,不要使用旁邊的「重設」按鈕。

  5. 要裁剪圖像,同時保留其比例,按一下圖像的任何角落並拖曳。 (如果您要保留原始比例,在拖曳角落時按 Shift)。
    要裁剪圖像,請按一下並拖曳角落方框。
  6. 要在裁剪或縮放方框中重新調整圖像位置,按一下並拖曳圖像。

    您無法在網站架設大師中旋轉圖像。 在預設圖像編輯器中上傳圖像之前進行此動作。

  7. 完成縮放或裁剪之後,按一下 [確定]
  8. 要在圖像中進行其他變更,按一下圖像並在圖像工具列中按一下按鈕。:
    按一下圖像以顯示圖像工具列。
    圖像編輯器工具列
    按鈕 名稱 動作
    取代圖像按鈕 取代圖片 開啟 [選取相片] 視窗,如上述透過 Website Builder v7 新增圖像 中所說明的)。
    裁剪圖像按鈕 裁剪圖像 圖像圖像;於上述步驟 5 中說明。
    圖像編輯器按鈕 圖像編輯器 開啟進階圖像編輯器,只有商業版及商業超值版的網站架設大師方案提供。 此工具可讓您新增背景色彩、邊界、圓角、透明度及邊距等效果。
    複製圖像按鈕 製作副本 複製圖像並放在頁面上蓋過原始圖像。
    設定按鈕 設定 開啟 [設定] 視窗,您可以使用其中的 [圖像設定] 標籤將圖像連結到頁面或套用各種邊緣樣式。 或使用視窗的 [進階] 標籤來開啟上述的「進階圖像編輯器」。
    刪除圖像按鈕 刪除 移除圖像
    更多按鈕選擇 更多 顯示選單以控制圖像的圖層,鎖定其位置,在所有網站上顯示、在行動網站上隱藏,或開啟 [設定] 視窗的 [進階] 標籤。
  9. 按一下 [發佈] 以線上更新網站。

下一步


這篇文章有用嗎?
感謝您提供意見。 若要與客戶服務代表聯絡,請撥打支援中心電話號碼,或使用上方的對話選項。
很高興能幫上忙! 還有什麼可幫您的嗎?
很抱歉有這種情形。 請告訴我們您不了解的部分,或解決方案無法解決您問題的原因。