WordPress影象尺寸:瞭解預設影象尺寸及其更改方法 + 最佳縮圖外掛

WordPress影象尺寸:瞭解預設影象尺寸及其更改方法

在WordPress中處理影象可能是一個挑戰。如果您沒有為要求支付足夠的費用,您的網站外觀可能會變得凌亂,甚至可能會影響載入時間。因此,您需要了解預設的WordPress影象大小以及如何更改它們。

WordPress如何處理影象?

將影象上傳到媒體庫後,WordPress將自動生成具有3種預設影象大小的附加影象並將它們分別儲存。因此,您在上傳圖片時會看到4個圖片選項。這些是縮圖、中、大和全尺寸選項。前三個選項稱為預設WordPress影象大小,而全尺寸選項是您上傳的原始影象大小。

WordPress建立這些選項是因為使用不同的位置放置影象將需要不同的影象解析度。例如,縮圖中的影象解析度可能與滑塊中使用的影象解析度不同。因此,如果您想在不同的地方以不同的解析度使用相同的影象,則無需手動編輯和調整影象大小。只需要一張圖片,其餘的由WordPress完成。

什麼是預設的WordPress圖片尺寸?

預設情況下,WordPress帶有三種預打包的影象尺寸。他們是:

  • 縮圖:(150px寬高)
  • 中等尺寸:(最大300px寬高)
  • 大尺寸:(最大1024px寬高)
  • 全尺寸:(您上傳的全尺寸/原始影象尺寸)

如何更改預設WordPress影象大小

儘管如果您認為這些選擇不能滿足您的需求,WordPress已經為您提供了3種預設影象大小,但還有其他選擇。也許,您需要更小的縮圖或更廣泛的特色影象。因此,您需要更改預設的WordPress影象大小。為此,您可以按照以下步驟操作:

  1. 轉到您的管理儀表盤
  2. 將游標懸停在設定 -> 媒體
  3. 在“媒體設定”視窗中,您可以調整每種尺寸所需的畫素
  4. 點選儲存更改按鈕以儲存設定。

更改預設WordPress影象大小

如何新增您的自定義WordPress影象大小

因此,您有3種預設影象尺寸。假設您的縮圖具有縮圖大小的影象,文章的影象具有中等大小的影象,滑塊具有大尺寸的影象。但是,您意識到彈出橫幅和小工具需要更多預設影象尺寸。您可以新增自定義WordPress影象大小嗎?是的你可以。

步驟 1. 通過編輯function.php檔案新增自定義WordPress影象大小

實際上,某些主題為您提供了額外的影象大小選項。但是,如果您找不到它們,讓我們新增我們自己的自定義WordPress影象大小。

重要的!我們將處理程式碼。因此,請務必在修改任何內容之前建立WP備份檔案並建立WordPress子主題

  1. 轉到您的管理儀表盤
  2. 將指標懸停在外觀 -> 主題檔案編輯器
  3. 編輯functions.php檔案
  4. 複製下面的指令碼並將其貼上到檔案中
    Plain text
    Copy to clipboard
    Open code in new window
    EnlighterJS 3 Syntax Highlighter
    add_theme_support( 'pop-up-banner' );
    add_theme_support( 'pop-up-banner' );
    add_theme_support( 'pop-up-banner' );
  5. 點選更新檔案按鈕。

上面的指令碼將啟用add_image_size()函式。如果此功能已啟用,您可以新增新的WordPress影象,如下所示:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
add_image_size( 'pop-up banner size', 1000, 590 );
add_image_size( 'widget size', 220, 180 );
add_image_size( 'pop-up banner size', 1000, 590 ); add_image_size( 'widget size', 220, 180 );
add_image_size( 'pop-up banner size', 1000, 590 );
add_image_size( 'widget size', 220, 180 );

在這些示例中,您將提供附加尺寸名稱“Pop-up banner size”和“Widget size”。尺寸名稱後面的兩個數字代表寬度和高度。

程式碼自定義WordPress影象大小

步驟 2. 在您的主題中顯示自定義尺寸

您已成功新增新的影象尺寸。但是,它沒有顯示在您的主題中。現在,您必須在主題中啟用新尺寸。

首先,在進行任何更改之前備份您的網站。在post迴圈中訪問您的主題檔案並進行編輯。然後,貼上此程式碼;

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<?php the_post_thumbnail( 'your-specified-image-size' ); ?>
<?php the_post_thumbnail( 'your-specified-image-size' ); ?>
<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

您應該使用您在上一步中設定的名稱更改“your-specified-image-size”。例如,您可以將其更改為“pop-up-banner size”。執行這些步驟後,您可以在將影象上傳到媒體庫時找到彈出式橫幅影象大小選項。

有用的外掛

您已在WordPress中設定了新的自定義影象大小。但是,此更改不會影響您以前的影象。因此,您需要重新生成以前的影象尺寸。

幸運的是,您不需要手動一一進行。有一個名為Regenerate Thumbnails的外掛可以幫助您更新以前的影象大小。請按照以下步驟執行此操作。

  1. 轉到您的管理儀表盤
  2. 單擊外掛-> 安裝外掛
  3. 在搜尋欄中鍵入Regenerate Thumbnails。
  4. 安裝並啟用外掛
  5. 現在,轉到工具-> Regenerate Thumbnails
  6. 單擊Regenerate Thumbnails For X Attachments按鈕
  7. 現在,您之前上傳的所有影象都將重新生成為新的影象設定。

Regenerate Thumbnails外掛

小結

WordPress影象大小看起來是一件微不足道的事情,但實際上會讓您頭疼。有時您會發現您上傳的圖片不符合您想要的圖片尺寸。要解決這個問題,您可以嘗試兩種方法。您可以更改預設的WordPress影象大小或新增自定義影象大小。在設定新的影象大小之前,請記住上傳高解析度的大影象不是一個好主意。大尺寸影象會佔用大量空間並減慢您的網站載入時間。我們希望這篇文章可以幫助您在正確的位置選擇正確的影象,並使用正確的尺寸。

評論留言