使用影像網頁組件

當您新增 新式頁面至網站時,您可以新增及自訂網頁元件 ,這些網頁元件是頁面的建組塊。 本文將說明如何使用影像網頁部分。 使用它在頁面上插入影像,無論是從您的網站、電腦,還是從網頁。 您可以裁剪、調整大小及取代現有的影像。

新增影像至頁面

新增影像網頁元件

裁剪影像

調整影像大小

拖曳或點上以取代現有的影像

在頁面上新增或取代影像

在頁面上新增或取代影像最簡單的方法就是拖曳或貼上。 

拖曳以新增影像或取代現有的影像

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 執行下列其中一項操作:

    若要新增影像,只要將您想要使用的圖像拖曳到要放置影像的區段。

    若要取代影像,請按兩下影像以選取要取代的影像,然後將新影像拖曳到該影像。

您可能需要調整影像大小或重新裁剪影像。

以圖上圖取代影像

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 複製要新增或取代現有影像的影像。

  3. 在頁面上,按兩下影像網頁部分中的影像。

  4. 按鍵盤上的 CTRL+V

新增影像網頁元件

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 將滑鼠停留在現有網頁部分上方或下方或標題區域下方,按一下 [ 用於將新式網頁組件新增至頁面的圓形加號 ,然後選取 [ 影像 網頁部分。

  3. 從下列其中一個選擇最近的影像或影像:

    • Microsoft 提供的庫存影像

    • 網頁搜尋

    • 網站

    • 您的電腦

    • 連結

    • 如果貴組織已指定一組核准的影像,您可以在貴組織下選擇該影像集。

      檔案選擇器選項的影像。

      附註: 

      • Web 搜尋會Bing Creative Common 授權的圖片。 在將影像插入頁面之前,您有責任先檢查影像的授權。

      • 如果您是系統管理員,SharePoint瞭解如何為貴組織建立資產庫,請參閱建立組織資產庫

      • 如果您是系統管理員SharePoint,建議您啟用內容傳遞網路 (CDN) ,以改善取得影像的顯示效果。 深入瞭解 CDN。

  4. 影像來自 (,按一下 [開啟或新增) 。

  5. 或者,在網頁元件中的影像下方輸入標題。

  6. 按一下 左側 網頁組件編輯按鈕 (的 [編輯網頁元件) 以變更影像、新增影像連結、在影像上新增文字,以及新增或變更適用于使用螢幕 (或螢幕) 。

    圖像網頁元件工具箱

    自動替代文字 當您插入影像時,系統會自動 (螢幕) 替代文字。 在許多情況下,除非您變更或移除影像,否則文字會自動與影像一起儲存。 如果影像替代文字的信賴等級不是高,您就會在影像上看到一則提醒,讓您查看及變更或保留替代文字。

    包含替代文字提示的影像

裁剪影像

您可以裁剪影像,而不使用預先設定長寬比。

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 按一下要變更的影像。 將會顯示編輯影像的工具列。

    圖像工具列

    • 1. 長寬比

    • 2. 使用免費比例裁剪

    • 3. 復原

    • 4. 重設

    • 5. 預覽 (儲存)

使用長寬比裁剪

使用長寬比裁剪可讓您決定影像的寬度和高度比例。 下圖中以藍色大綱顯示的區域顯示 1:1 (方塊) 長寬比選取範圍。

長寬比裁剪範例
  1. 按一下 [長寬比> 按鈕 長寬比裁剪按鈕

    另一個工具列會飛出,提供不同的長寬比選項。

    長寬比工具

    選取您想要的長寬比。 16:9 是最左邊的長寬比選項,後面接著 3:2、4:3 和 1:1。 您會看到預覽方塊,顯示圖片的裁剪效果。 您可以移動圖片中的裁剪方塊,以變更裁剪的區域。

    您也可以旋轉裁剪方塊,以變更長寬比方向的顯示方式,方法是按一下裁剪框按鈕 旋轉裁剪方塊按鈕

  2. 完成後,請按一下 [儲存 儲存

手動裁剪

免費裁剪範例
  1. 按一下 [ 使用免費比例 裁剪 不含長寬比的裁剪按鈕 裁剪,而不使用長寬比。 然後拖曳影像兩側的其中一個方塊,讓影像變窄、更寬、更高或更短。

  2. 完成後,請按一下 [儲存 儲存

調整影像大小

當您進入編輯模式時,您可以選取影像來顯示調整大小控點,或選取圖像工具列上的調整大小按鈕,來調整影像大小。 然後拖曳其中一個控點,讓影像成為您想要的大小。

調整影像上的控點大小

復原或重設

使用復原 按鈕 復原裁剪 復原最後一個動作。 使用重 重設影像裁剪 按鈕,一次復原您進行的所有變更,將影像還原到您上次儲存後的狀態。

提示: 有關影像和長寬比詳細資訊,請參閱新版頁面中的影像縮放SharePoint縮放

拖曳或點上以取代現有的影像

如果您頁面上有現有的影像網頁部分,您可以編輯網頁部分並選擇不同的影像來取代影像,或者您也可以將新影像拖曳或複製並貼到您想要取代的影像上。 若要進行點上,您必須使用鍵盤快速鍵在 CTRL+V (上) 。 步驟如下:

複製和貼上

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 複製要取代現有影像的影像。

  3. 在頁面上,按兩下影像網頁部分中的影像。

  4. 按鍵盤上的 CTRL+V

拖放

  1. 如果您尚未處於編輯模式,請按一下頁面右上方的[編輯。

  2. 選取要取代現有影像的影像。

  3. 在頁面上,按兩下影像網頁部分中的影像。

  4. 將影像拖曳到現有影像上。

附註: 您可能需要調整影像大小或重新裁剪影像。

另請參閱

圖像庫網頁部分

Hero 網頁部分

需要更多協助?

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與我們的其中一個 Office 支援專員連絡以深入了解您的意見。

×