新增圖片或圖像檔案至 SharePoint 頁面

新增圖片或圖像檔案至 SharePoint 頁面

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

圖像會如預期SharePoint頁面上,通常可以顯示詳細資料,否則,千文字。您可以新增圖像,從您的本機電腦、 SharePoint媒體文件庫或從您的網站或網路上其他位置的連結。

新增圖像至SharePoint Online頁面

使用此選項插入頁面上,從您的網站或您的電腦上的影像。

  1. 前往您要新增圖像的頁面。

  2. 如果您目前不在編輯模式中,按一下 [編輯頂端頁面右上方。

  3. 將游標上方或下方現有的網頁組件,或標題區域] 下,按一下 [ 用來新增新的網頁組件至頁面圈起來的加號 ,,然後選取圖像網頁組件。

  4. 選擇 [最近的圖像,或瀏覽、 上傳,或使用連結插入要的圖像,並按一下 [新增圖像

    插入文件網頁組件
  5. 按一下 [編輯網頁組件 網頁組件的編輯] 按鈕 (左側),以新增替代文字(適用於視障使用者圖像)。

附註: 最好調整圖像的大小之前,確保它上傳符合您想要的方式的空間。保留資產] 或 [圖片庫中的圖像,可讓您儲存多個大小,如果您需要進行。

新增圖像至SharePoint 2016年、 2013年或 2010年網站

  1. 前往您要新增圖像的頁面。

  2. 選取 [頁面] 索引標籤。然後按一下功能區的 [編輯]

  3. 在頁面上可編輯的區域內按一下。

  4. 選擇 [插入] 索引標籤,然後在 [功能區上的 [多媒體] 群組中,按一下 [圖片]。

    其下的 [來源選項] 功能表的 [插入圖片] 按鈕。

  5. 您會看到下列選項︰

若要從電腦上傳檔案,請執行這些步驟。

  1. 按一下 [從電腦]

  2. 瀏覽至所需檔案的位置,選取該檔案並按一下 [開啟]

  3. 指定您要儲存檔案的位置目的地文件庫。
    我們建議您為目的地指定資產庫。若要瞭解如何設定資產庫的圖像檔案,請參閱設定儲存圖像、 音訊或視訊檔案的資產庫

  4. 按一下 [確定]。

頁面頂端

若要從網路上其他位置新增圖像,請遵循下列步驟。

  1. 按一下 [從位址]。

  2. 輸入您要使用的檔案的 URL,然後按一下[確定]。URL 直接必須指向圖像檔案。例如︰ http://contoso.com/images/selfieImage1.jpg

若要新增圖像SharePoint網站上的位置,請遵循下列步驟。

  1. 按一下 [從 SharePoint。這會開啟資產選擇器,您可以瀏覽資料夾或您想要的文件庫。

  2. 瀏覽至您的網站資產] 庫中,例如上的某個位置影像、 視訊及音訊檔案的儲存位置。

  3. 選取所需的圖片,然後按一下 [插入]

頁面頂端

當您新增圖像至SharePoint頁面時,您可以自訂,以更有效地配合頁面或更多突顯。例如,您可以變更其大小或位置,編輯替代文字,或建立框線。

若要變更在頁面上的影像上的內容,請遵循下列步驟︰

  1. 移至包含圖像的頁面。

  2. 選取 [頁面] 索引標籤,然後按一下 [編輯]

  3. 按一下圖像,開啟 [圖像] 索引標籤和其功能區上的任何位置。

    在 [編輯] 功能區上的媒體] 索引標籤

  4. 按一下 [圖像] 索引標籤的 [選取] 群組中的 [變更圖片以變更為不同的圖片。然後選取您要的圖像檔案。

  5. 在 [內容] 群組中,您可以輸入或變更替代文字或圖像的地址

  6. 在 [功能區上的 [樣式] 群組中,指向 [圖像樣式] ,然後選取圖片的框線樣式。

    圖像編輯選項
  7. 在Arrange ] 群組中,按一下要變更位置的空格中的圖像的位置。在下拉式清單中,您可以挑選浮動為向左或向右或內嵌位置的上方、 中間或相對於其他物件的底部。

  8. 在 [功能區上的 [大小] 群組中,您可以調整圖像的大小。如果核取 [鎖定長寬比,則會連結水平垂直大小。當您變更項目時,其他會變更以及等比例大小。

    如果您取消核取 [鎖定長寬比,將圖像水平與垂直大小可變更獨立,雖然可能會變形圖像。

  9. 完成對頁面的變更時,選取 [頁面] 索引標籤,然後按一下 [儲存]。如果該頁面已取出給您,您會看到一則警告訊息,內含供您將其存回的連結。

新增圖片的網頁連結

無法在頁面上的圖片很好,但更清楚地讓門口到另一個頁面。以下是如何讓作用中連結的圖像。

  1. 瀏覽至您想要新增的超連結的圖像的頁面。

  2. 按一下 [頁面] 索引標籤,然後按一下 [編輯

  3. 按一下,然後選取您要連結至圖片的相片。

  4. 在功能區中,按一下 [插入],然後按一下連結

    插入連結使用的網址
  5. 在 [新增超連結] 對話方塊中,輸入網頁、 網站或您想要連結至其他媒體的地址。按一下[試試看,您可以測試連結。

    超連結] 對話方塊,網址與反白顯示的 [確定] 按鈕
  6. 按一下 [確定]。

從頁面刪除圖片

  1. 在頁面上,按一下功能區的 [頁面] 索引標籤,然後按一下 [編輯] 命令。

    使用醒目提示 [編輯] 按鈕的頁面索引標籤

    附註: 如果 [編輯] 命令已停用,您可能沒有權限可編輯該頁面。

  2. 選取您想要刪除,並按下的圖像Delete。

頁面頂端

將影像加入至SharePoint 2007年頁面

您可以新增圖像至任何具有挑選圖像的文件庫的頁面圖像欄位控制項的網頁。變更儲存在文件庫中的圖像時,會自動使用圖像的頁面會使用新的圖像。

您也可以新增圖像到任何使用 HTML 編輯器具有頁面內容欄位控制項的網頁。當您使用 HTML 編輯器來新增圖像至頁面內容的欄位控制項時,也儲存在圖像文件庫,以便自動使用圖像的頁面當更新文件庫中的圖像時,使用新的圖像。

當您建立新的頁面上,,如果您想要有圖像時,您可以建立使用中的某個頁面圖像欄位控制項的版面配置的頁面。

包含頁面圖像欄位控制項的版面配置

下列隨附Microsoft Office SharePoint Server 2007版面配置包含頁面圖像欄位控制項︰

  • 文章頁面左側的圖像

  • 文章頁面右側的圖像

  • 內部網路首頁

  • 歡迎使用] 頁面的摘要的連結

  • 使用目錄的歡迎頁面

  • 歡迎使用開頭顯示頁面

您的網站,可能包含其他版面配置,包含頁面圖像欄位的控制項。

提示: 您可以判斷是否有頁面圖像欄位控制項的其中一個方法是編輯該頁面。當您編輯頁面時,該頁面上的每一個欄位控制項就會顯示一個標籤。使用所包含的Office SharePoint Server 2007的版面配置建立的頁面上的頁面圖像欄位控制項標記為頁面圖像。這可能,或可能無法使用,具有網站的設計權限的人設計自訂頁面配置建立的頁面大小寫。如需有關可供您的網站上使用自訂的版面配置,請要求您的網站集合管理員。

頁面頂端

包含頁面內容的欄位控制項的版面配置

下列隨附Office SharePoint Server 2007版面配置包含頁面內容的欄位控制項︰

  • 內部網路首頁

  • 歡迎使用] 頁面的摘要的連結

  • 使用目錄的歡迎頁面

您的網站,可能包含其他版面配置,包含頁面內容的欄位控制項。

提示: 您可以判斷是否有頁面內容的欄位控制項的其中一個方法是編輯該頁面。當您編輯頁面時,該頁面上的每一個欄位控制項就會顯示一個標籤。使用所包含的Office SharePoint Server 2007的版面配置建立的頁面上的頁面內容欄位控制項標記為 「 頁面內容]。這可能,或可能無法使用,具有網站的設計權限的人設計自訂頁面配置建立的頁面大小寫。如需有關可供您的網站上使用自訂的版面配置,請要求您的網站集合管理員。

頁面頂端

使用頁面圖像欄位控制項新增圖像

  1. 瀏覽至您要加入影像的頁面,然後按一下 [編輯頁面] 工具列上的 [編輯頁面

    附註: 如果您沒有看到 [編輯頁面] 工具列上,在 [網站動作] 功能表上,按一下 [顯示頁面編輯工具列]。

  2. [頁面圖像欄位控制項中,按一下 [編輯的圖片]。編輯的圖像屬性的 [網頁] 對話方塊隨即開啟。

  3. 在 [編輯的圖像屬性的 [網頁] 對話方塊的 [一般] 區段中,按一下 [瀏覽] 按鈕位於 [選取的圖像] 方塊旁。圖像庫會在新視窗中開啟。

  4. 按一下您要使用的圖像,然後按一下[確定]。圖像庫關閉,且您現在已選取的圖像的地址出現在選取的影像] 方塊。

  5. 您可以選擇設定其餘的圖像屬性︰

    • 替代文字     輸入可簡要描述圖像的文字。如果頁面檢視器的瀏覽器並不會顯示圖像,此文字會顯示,而不是圖像。替代文字也會讀取螢幕助讀程式。

    • 超連結     圖像也可做為超連結。在此方塊中輸入所要的超連結目標。您也可以使用 [瀏覽] 按鈕,找出超連結的目標。如果您想要在新的瀏覽器視窗中開啟超連結,請選取 [開啟此連結在新視窗中的核取方塊。

      在 [版面配置] 區段中,您可以設定這些屬性︰

    • 對齊方式     選擇 [對齊方式] 清單中,您可以變更欄位的控制項中的圖像的位置。因為頁面圖像欄位控制項的大小以配合圖像,此選項並沒有圖像的頁面圖像欄位控制項上使用明顯的影響。

    • 框線粗細     您可以藉由指定框線的粗細給圖像框線。框線粗細是以像素為單位。

    • 水平間距     您可以新增圖像兩邊的間距,指定值,以像素為單位,空格的大小。

    • [垂直間距     您可以新增間距上方和下方圖像指定值,以像素為單位,空格的大小。

      在 [大小] 區段中,您可以設定這些屬性︰

    • 使用預設圖像大小     如果您想要的圖像,顯示其預設的大小,這是指定的圖像檔案內容的大小,請選取這個選項。

    • 指定大小     如果您想要在已發佈的頁面上指定圖像的大小,請選取這個選項。這會覆寫圖像檔案大小的內容。如果您選取此選項時,您必須使用寬度高度屬性來設定寬度、 高度,或兩者的圖像。

    • 寬度 (像素)     如果您選取指定的大小,您可以使用寬度 (像素)若要指定像素為單位的圖像的寬度。

    • 高度 (像素)     如果您選取指定的大小,您會使用指定圖像的高度像素為單位的高度 (像素)

    • 維持長寬比     若要保留的圖像的寬度和高度的比例,您可以使用這個選項。如果您選取此選項時,您可以只設定的寬度或高度的圖像,因為您選擇圖像的寬度或高度的值決定根據原始的影像寬度和高度比其他維度的值。

頁面頂端

新增圖像至頁面內容的欄位控制項中,使用 HTML 編輯器

  1. 瀏覽至您要加入影像的頁面,然後按一下 [編輯頁面] 工具列上的 [編輯頁面

    附註: 如果您沒有看到 [編輯頁面] 工具列上,在 [網站動作] 功能表上,按一下 [顯示頁面編輯工具列]。

  2. 在頁面內容的欄位控制項中,按一下 [編輯內容,啟動 [HTML 編輯器。HTML 編輯器可能會出現直接編輯,或它可能會出現在 [網頁] 對話方塊中,在新視窗中。

  3. 將游標放在頁面內容欄位控制項中,在您要新增圖像的位置。

  4. HTML 編輯器工具列上,按一下 [插入影像 按鈕影像 ] 工具列按鈕。

    鍵盤快速鍵若要插入圖像,請按 CTRL + SHIFT + G。

    編輯的圖像屬性的 [網頁] 對話方塊隨即開啟。

  5. 在 [編輯的圖像屬性的 [網頁] 對話方塊的 [一般] 區段中,按一下 [瀏覽] 按鈕位於 [選取的圖像] 方塊旁。圖像庫會在新視窗中開啟。

  6. 按一下您要使用的圖像,然後按一下[確定]。圖像庫關閉,且您現在已選取的圖像的地址出現在選取的影像] 方塊。

  7. 您可以選擇設定其餘的圖像屬性︰

    • 替代文字     輸入可簡要描述圖像的文字。如果頁面檢視器的瀏覽器並不會顯示圖像,此文字會顯示,而不是圖像。替代文字也會讀取螢幕助讀程式。

    • 超連結     圖像也可做為超連結。在此方塊中輸入所要的超連結目標。您也可以使用 [瀏覽] 按鈕,找出超連結的目標。如果您想要在新的瀏覽器視窗中開啟超連結,請選取 [開啟此連結在新視窗中的核取方塊。

      在 [版面配置] 區段中,您可以設定這些屬性︰

    • 對齊方式     選擇 [對齊方式] 清單中,您可以變更欄位的控制項中的圖像的位置。

    • 框線粗細     您可以藉由指定框線的粗細給圖像框線。框線粗細是以像素為單位。

    • 水平間距     您可以新增圖像兩邊的間距,指定值,以像素為單位,空格的大小。

    • [垂直間距     您可以新增間距上方和下方圖像指定值,以像素為單位,空格的大小。

      在 [大小] 區段中,您可以設定這些屬性︰

    • 使用預設圖像大小     如果您想要的圖像,顯示其預設的大小,這是指定的圖像檔案內容的大小,請選取這個選項。

    • 指定大小     如果您想要在已發佈的頁面上指定圖像的大小,請選取這個選項。這會覆寫圖像檔案大小的內容。如果您選取此選項時,您必須使用寬度高度屬性來設定寬度、 高度,或兩者的圖像。

    • 寬度 (像素)     如果您選取指定的大小,您可以使用寬度 (像素)若要指定像素為單位的圖像的寬度。

    • 高度 (像素)     如果您選取指定的大小,您會使用指定圖像的高度像素為單位的高度 (像素)

    • 維持長寬比     若要保留的圖像的寬度和高度的比例,您可以使用這個選項。如果您選取此選項時,您可以只設定的寬度或高度的圖像,因為您選擇圖像的寬度或高度的值會決定其他維度,根據原始的影像寬度和高度的比例的值。

      附註: 

      • 如果您要新增圖像的頁面網頁組件頁面,您可以使用圖像網頁組件新增圖像。如需有關使用圖像網頁組件的詳細資訊,請參閱圖像網頁組件的文件。

      • 如果您想要新增至頁面的圖像無法圖像庫中使用,您可以新增它,如果您有 「 參與 」 權限。如需有關新增至文件庫的圖像檔案的詳細資訊,請參閱新增一或多個檔案至文件庫的文件。

頁面頂端

請留言給我們

本文是否有幫助?如果有幫助,請在本頁面最下方提供您寶貴的意見。請告知我們造成混淆或有所遺漏之處。如果您是經由搜尋來到此頁面,但這不是您想要找的資訊,請告知我們您原本搜尋的是什麼項目。請提供您使用的 SharePoint 版本、作業系統和瀏覽器。我們會根據您的意見反應,仔細檢查我們的步驟並更新本文。

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×