指南/建立內容/媒體/調整圖片大小

調整圖片大小

你可以調整圖片大小,讓圖片更符合網站設計。本指引包含多種調整圖片大小的方法。

運用控制項來調整圖片大小

你可以使用顯示於「圖片」區塊右側和底部的自由格式控制項,調整圖片大小。依照下列步驟來調整圖片大小:

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下你想要調整大小的圖片。
  4. 圖片的右側和底部應有一個圓形控制項。 
  5. 按一下並拖曳該控制項,即可調整圖片的寬或高。

調整圖片大小為確切尺寸

或如果想要精準顯示圖片尺寸,也可以調整區塊側邊欄中的設定。 

  1. 前往網站的儀表板
  2. 開啟圖片所在的頁面、文章或範本。
  3. 按一下你想要調整大小的圖片。
  4. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 在側邊欄中找到「」和「 」的欄位。以像素格式輸入所需尺寸。
  2. 設定自訂尺寸後,請選擇「縮放」選項:
    • 覆蓋:填滿整個容器,同時維持長寬比。可能需要裁切。宣傳圖片最佳選擇。
    • 包含:根據區塊尺寸縮放圖片大小,但不加以裁切。標誌最佳選擇。

變更圖片的長寬比

依照下列步驟變更圖片的長寬比:

  1. 從 WordPress.com 儀表板開始。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下想要調整的圖片。
  4. 按一下頂端工具列中的「設定」圖示,即可開啟側邊欄設定。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 找到「長寬比」下拉式選單,然後從下列任一選項中選取:
    • 原始:與上傳圖片時的長寬比相同。
    • 正方形 – 1:1
    • 標準 – 4:3
    • 直向 – 3:4
    • 傳統 – 3:2
    • 傳統直向 – 2:3
    • 寬 – 16:9
    • 高 – 9:16
  2. 選取原始比例外的長寬比時,可使用「縮放」選項。縮放是指使用下列選項,讓圖片符合所選長寬比:
    • 覆蓋:你的圖片會在空間中放大至完全填滿。你會遺失圖片中的內容。
    • 包含:你的圖片會進行縮放,確保完整圖片內容於空間中顯示。圖片會根據尺寸調整大小。

重設圖片設定

圖片設定包含「替代文字」、「長寬比」、圖片寬/高,以及圖片解析度。

若要重設圖片設定,請按照以下步驟操作:

  1. 從網站的儀表板開始操作。
  2. 編輯你已新增圖片的頁面、文章或範本。 
  3. 按一下想要編輯的圖片。
  4. 按一下頂端工具列中的「設定」圖示 ,即可開啟側邊欄設定。

如果右側沒有出現側邊欄,你可能需要按一下右上角的「設定」圖示叫出設定。該圖示的外觀是一個方形,分成兩個不對等的欄位。

醒目標示 WordPress 編輯器頂端的「設定」圖示。
右上角的設定圖示
  1. 按一下「設定」頁首右側的三個點,即可開啟「設定選項」選單。
  2. 按一下想重設的每個設定旁的「重設」選項。若要重設所有設定,請按一下「全部重設」。
    • 如果無法使用「重設」功能,則尚未套用任何自訂功能。
「設定選項」選單中,有個箭頭指向可重設的「設定」。
「設定選項」選單中,有個箭頭指向可重設的「設定」。

圖片大小和畫質

調整圖片大小會影響畫質。將圖片放大至超過原始尺寸時,可能會讓圖片變得模糊或像素化,這是因為圖片是由稱為像素的小正方形所組成。圖片延伸時,這些像素會變得更明顯,並降低銳利度。

若要獲得最佳畫質圖片,請從高解析度圖片開始設定。如需要尺寸更大的版本,請上傳畫質更高的檔案,而非放大現有檔案。縮減圖片大小通常不會影響畫質,且能夠提升載入速度。若要確認圖片大小是否正確,請在上傳前檢查尺寸,或使用圖片編輯工具,於新增至網站前調整大小。

Copied to clipboard!