[ad_1]
高質量的照片可以讓您的網站脫穎而出。 但是，使用正確的 WordPress 圖像大小至關重要。 ✂️ 否則，您可能會看到模糊的視覺效果或緩慢的載入時間。
幸運的是，WordPress 使您能夠自定義圖像的尺寸。 這樣，您可以為不同的用途選擇合適的尺寸，並確保您的照片在前端看起來很棒。
在這篇文章中，我們將看看 🔎 默認的 WordPress 圖像大小，並討論優化照片的重要性。 然後，我們將向您展示三種配置圖像大小的方法，包括創建您自己的自定義 WordPress 圖像大小。
讓我們開始吧！ 😎
WordPress 中不同的圖像尺寸（以及何時使用它們）
當您將照片上傳到您的網站時，WordPress 會使用不同的尺寸自動生成照片的多個版本。 默認的 WordPress 圖像大小為：
- 縮略圖：150px 正方形
- 中：最大寬度和高度為 300 像素
- 大：最大寬度和高度為 1024 像素
- 全尺寸：圖像的原始尺寸
縮略圖通常用於博客提要。 它們是您在帖子標題上方或旁邊看到的小型特色圖片：
同時，您可以在博客文章中使用中型和大型照片。 如果您要顯示圖片庫，您可能會選擇中等大小的圖形。 這樣，您可以顯示一組圖片而不會太小：
但是，如果您想顯示全形或高質量圖像，您可以選擇大或全尺寸以獲得更清晰的照片。 👉 例如，如果您有旅遊博客或攝影作品集，您可能希望使用更大的尺寸來突出圖像中的細節。
當您使用 WordPress 塊編輯器創建內容時，您可以上傳圖像並自定義它們的外觀。 通過選擇照片，您可以查看其大小和尺寸。 如果需要，您還可以更改這些值：
⚠ 請注意，您的 WordPress 主題可能會提供額外的圖片尺寸。 👉 例如，您可能可以訪問不同尺寸的縮略圖。
同樣，一些插件也會添加自己的圖像大小。
如果您想要更大的靈活性，您還可以創建自己的自定義 WordPress 圖像大小，這就是我們將在下面介紹的內容。
圖像大小對性能優化的重要性
通過為每個特定用例選擇最佳圖像大小，您可以減小圖像文件的大小。
通過減小它們的大小，您可以加速您的網站。 ⏩
但是，雖然使用不同的圖像大小是一種智能的圖像優化策略，但您還需要實施其他策略，例如圖像壓縮和 WebP 等優化文件格式。
對於實現所有這些策略的最簡單方法，您可以安裝像 Optimole 這樣的圖像優化插件：
該插件將自動壓縮您上傳到 WordPress 的任何圖像，同時優化它們的格式並從內容交付網路 (CDN) 提供它們。
對於其他一些有用的選項，您可以查看我們的完整集合 🥷 最佳圖像優化器 WordPress 插件或最佳圖像優化器工具。
如何配置 WordPress 圖像大小（3 種方式）
使用合適的照片尺寸有助於縮短頁面載入時間。 它還可以確保您的視覺效果在前端看起來清晰明了。 沒有模糊或沉重的圖像，您可以增加在線訪問者在您的網站上獲得積極體驗的機會。
儘管優化圖像可以帶來很多好處，但您可能不知道如何去做。 幸運的是，您可以使用許多方法來配置 WordPress 圖像大小。 這是其中的三個！ 👇
- 更改默認圖像大小
- 添加自定義圖像尺寸
- 在塊編輯器中自定義圖像
1.更改默認圖像尺寸
正如我們之前提到的，WordPress 會為您上傳到網站的每張圖片生成不同的大小。 但是，您可能希望更改這些尺寸以更好地滿足您的需求。 這樣，當您將每張圖片上傳到您的帖子或頁面時，您就不必裁剪或修改每張圖片。
要開始使用，請導航到 WordPress 儀錶板中的設置 > 媒體：
在這裡，您將看到圖像的每個版本的默認尺寸。 要更改這些尺寸，只需在「寬度」和「高度」欄位中輸入您的尺寸。
👉 例如，您可能希望生成較小的圖像縮略圖。 您需要做的就是轉到縮略圖大小部分並更改其值：
但是，重要的是 ⚠ 請注意，您當前的主題具有特定的圖像尺寸。 如果您安裝新主題，它可能會覆蓋對媒體設置所做的任何更改。
當您的網站上有舊縮略圖時，這可能會成為一個問題。 儘管新圖像將根據新主題進行調整，但以前的縮略圖將具有過時的尺寸。
要將所有現有圖像更新為新主題，您可以重新生成縮略圖。 使用諸如 reGenerate Thumbnails Advanced 之類的插件，您可以一次修復所有圖像大小：
首先，前往 Plugins > Add New 並搜索插件。 找到 reGenerate Thumbnails Advanced 後，安裝並激活它：
然後，導航到工具 > 重新生成縮略圖。 這將帶您進入插件的設置頁面：
您可以在右側選擇要重新生成的圖像。 如果需要，您還可以添加自定義圖像大小：
此插件還使您能夠清理媒體庫並刪除舊縮略圖。 在高級選項下，只需選中刪除未選擇的縮略圖旁邊的框。 重新生成圖像後，這些縮略圖將被刪除：
完成自定義這些設置後，單擊「重新生成」按鈕。 它將調整您舊縮略圖的大小以滿足新主題的設置！
2.添加自定義圖片尺寸
正如我們所見，WordPress 為您的圖像生成不同的尺寸，您可以根據需要進行調整。 但是，您可能想要添加更多默認選項，這樣您就不必單獨自定義照片。
幸運的是，您可以使用 Image Regenerate & Select Crop 等插件向您的站點添加新的自定義圖像尺寸：
安裝並激活插件後，導航到 Image Regenerate 並選擇 Crop > Additional Sizes。 在「定義自定義圖像尺寸」選項卡中，輸入新圖像尺寸的名稱並在「最大寬度」和「最大高度」欄位中設置首選尺寸：
您還可以選擇將圖像裁剪為這些確切的尺寸。 準備好後，單擊保存更改。
然後，前往 Image Regenerate 並選擇 Crop > General Settings，找到您剛剛創建的新自定義圖像大小，然後單擊 Regenerate 按鈕：
這將複製這些尺寸的圖像。 您可以根據需要創建任意數量的尺寸。 但是，我們建議您僅在絕對必要時才這樣做。 這些自定義圖像尺寸將佔用您的伺服器存儲空間，這可能會對您網站的性能產生負面影響。
要刪除自定義尺寸，請轉到設置 → 媒體並找到要刪除的選項。 然後，從圖像大小名稱欄位中刪除文本並單擊保存更改：
如何使用代碼添加自定義圖像尺寸
或者，您可以通過將代碼添加到子主題的 functions.php 文件或像 Code Snippets 這樣的免費插件來添加自定義圖像大小。 但是，在執行此操作之前，請務必備份您的網站。
然後，在 functions.php 文件中搜索此代碼：
add_theme_support(‘後縮略圖’);
如果找不到，請粘貼代碼並保存文件。 這將更新您的主題以支持自定義圖像大小。
在同一個文件中，查找 add_image_size 字元串。 您可以對其進行編輯以包含您的自定義大小：
add_image_size(‘我的自定義圖像大小’, 800, 640);
請務必將 my-custom-image-size 替換為更具描述性的標識符，例如 post-thumbnails-size。 然後，使用所需的高度和寬度編輯數值。 最後，保存您的子主題的functions.php 文件。
3. 在塊編輯器中自定義圖像
您可能還想根據具體情況自定義 WordPress 圖像大小。 您可以在 WordPress 塊編輯器中編輯單個圖像，而不是依賴默認設置。
要打開塊編輯器，只需添加一個新帖子或頁面。 然後，單擊 + 圖標並插入一個圖像塊：
現在您可以上傳圖片或從媒體庫中選擇一張。 或者，您可以從 URL 插入圖片：
如果您從媒體庫中選擇圖像，您可以在上傳時調整它的大小。 為此，請單擊附件詳細信息下的編輯圖像：
在圖像編輯器中，找到縮放圖像選項。 在這裡，您可以輸入圖片的新尺寸：
要顯示圖像的較小部分，您還可以對其進行裁剪。 請記住，通常最好先縮放圖像以避免質量下降。
在不離開圖像編輯器的情況下，單擊裁剪按鈕。 接下來，移動選擇框以編輯掉圖片中不需要的任何內容：
要完成裁剪圖像，請再次選擇裁剪。 保存此新裁剪版本後，您可以將其上傳到帖子或頁面。
您還可以使用塊編輯器調整圖像大小。 將圖片上傳到帖子後，您會在其邊緣看到小圓圈，您可以簡單地向內或向外拖動：
但是，這不是您唯一的選擇。 在「塊設置」中，找到「圖像大小」部分。 使用下拉菜單，您可以將大小更改為中、大、全尺寸或縮略圖：
如果您想輸入更精確的尺寸，您可以編輯圖像的尺寸。 在圖像尺寸下，只需更改預設的高度和寬度值：
進行更改後，您會看到 WordPress 為您調整圖像大小。 為確保其大小合適，您可以預覽帖子並檢查圖片質量。 如果您對結果滿意，請記住保存。
結論🏁
在 WordPress 中使用正確的圖像大小可以幫助防止載入時間過慢。 此外，它可以確保您的照片在所有設備上看起來清晰且視覺上令人興奮。 幸運的是，WordPress 使自定義圖像變得非常容易。
在這篇文章中，我們研究了在 WordPress 中配置圖像大小的三種主要方法：
- 更改默認圖像大小。
- 添加自定義圖像尺寸。
- 在塊編輯器中自定義圖像。
但是，請記住，在性能方面，使用正確的圖像尺寸✂️只是成功的一半。 要完全優化您的 WordPress 圖片，🦸 您可以使用像 Optimole 這樣的免費插件。
您對使用不同的 WordPress 圖像大小有任何疑問嗎？ 在下面的評論部分讓我們知道！