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

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

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

在頁面上新增圖像

  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 新式頁面中的影像大小和縮放比例

另請參閱

影像庫網頁元件

[英雄網頁元件]

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×