使用影像網頁組件 (機器翻譯)

使用影像網頁組件 (機器翻譯)

當您 新增新版頁面至網站時,您會新增及自訂網頁元件,這些 元件是頁面的構造塊。 本文說明如何使用影像網頁元件。 使用它在頁面上插入圖像,不論是從您的網站、您的電腦或從網路插入。 您可以裁剪、調整大小及取代現有的影像。

在頁面上新增圖像

裁剪影像

調整圖像大小

透過拖曳或貼上來取代現有的影像

在頁面上新增圖像

  1. 如果您還沒有處於 [編輯] 模式,請按一下頁面右上角的 [ 編輯 ]。

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

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

    • Microsoft 提供的股票影像

    • 網頁搜尋

    • 網站

    • 您的電腦

    • 連結

    • 如果您的組織已指定一組核准的圖像,您就可以從組織下的設定中選擇。

      檔案選擇器選項的影像。

      附註: 

      • 網頁搜尋使用 Bing 影像,利用創造性的共同授權。 在您將影像插入頁面前,您必須先查看其授權。

      • 如果您是 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. 將影像拖曳到現有的影像上。

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

另請參閱

影像庫網頁元件

[英雄網頁元件]

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×