如何在 WordPress 中重新生成縮略圖和裁剪圖像

已發表: 2019-10-04

作為網頁設計師和開發人員,我們知道在處理項目時擁有正確的圖像大小和縮略圖是多麼重要。 WordPress 有一個默認的圖像縮略圖規則,大多數主題也是如此。 當您上傳圖像時,WordPress 將生成縮略圖並裁剪圖像以適應這些默認尺寸。 你的主題也會這樣做。 但有時,默認只是不夠好。

更改主題時,上一個主題生成的縮略圖可能看起來不正確。 特色圖片或個人資料圖片大小可能不同。 縮略圖庫中的這些差異可能會導致設計出現問題,最終使網站看起來很糟糕。

這就是為什麼有時需要在更改主題後重新生成縮略圖甚至裁剪圖像的原因。 手動執行此操作是一項巨大的工作,尤其是對於擁有大型媒體庫的站點。 值得慶幸的是,有一些插件可以幫助您。 在這篇文章中,我們將介紹其中之一, Image Regenerate & Select Crop。

此插件是開源軟件,可在 WordPress 插件目錄中找到。 它會定期更新,並適用於最新版本的 WordPress 和 Divi。 讓我們來看看該插件如何幫助您從媒體庫內部進行縮略圖再生和圖像裁剪。

訂閱我們的 YouTube 頻道

專家提示:

對於 WordPress 的新手,縮略圖是 WordPress 和您的主題在您將圖像上傳到媒體庫時創建的所有附加圖像。 WordPress 有三種默認尺寸,您的主題可以有更多。 此功能可確保您的圖像在所有模塊中看起來都很好,無論佈局如何。 關於 WordPress 上的縮略圖要記住的一件重要事情是,如果圖像小於縮略圖的設置大小,則不會生成它。 此外,如果圖像質量較差,所有生成的縮略圖也將質量較差。

永遠記住上傳優化的高清圖像。

縮略圖通常被裁剪以適應其較小的尺寸,但小圖像不會被拉伸以生成更大的縮略圖。

圖像重新生成和選擇裁剪插件有什麼作用?

此插件的主要目的是重新生成縮略圖並為縮略圖裁剪圖像。 在主題更改後,這可能是必要的。 此外,如果您想更改默認縮略圖大小,或創建新的自定義圖像大小。 當您創建新的自定義圖像尺寸時,它僅適用於您在更改後上傳的任何圖像。 這就是需要縮略圖再生器的地方。

圖像重新生成和選擇裁剪插件無縫插入到您的媒體庫設置中。 要訪問它,您需要做的就是打開一個圖像,圖像上方會出現兩個按鈕。 一個可以讓您查看圖像詳細信息,另一個將通過單擊重新生成該圖像的所有縮略圖。 當您單擊“圖像詳細信息”時,您會看到一個燈箱,其中包含該圖像的所有圖像縮略圖。 如果原始圖像對於某個縮略圖來說太小,它會通知您。 此外,您可以從燈箱中重新生成特定的縮略圖。 當需要根據縮略圖大小裁剪圖像時,您可以選擇重新裁剪以使其更適合。

此外,您還可以從主媒體庫窗口中單擊一下,重新生成媒體庫中的所有縮略圖。

如果您想開始使用 Image Regenerate & Select Crop Plugin,請按照以下操作指南進行操作。

如何使用圖像再生和選擇裁剪插件

您需要做的第一件事是從 WordPress 插件目錄下載插件或在 WordPress 插件儀表板中搜索它。 將其上傳到您的網站後,將其激活。

首先,讓我們看看它在媒體庫中的默認操作。 該插件的操作在媒體庫的所有視圖中都可用,您只需執行稍微不同的步驟。

在縮略圖視圖中

單擊任何圖像將其打開。 在“附件詳細信息”窗口中,單擊“更多編輯詳細信息”,這將帶您進入編輯窗口。

在編輯媒體窗口中,插件操作在圖像上方顯示為兩個藍色按鈕。 一個是“圖像細節”,另一個是“再生”。 從這裡您可以一鍵重新生成此圖像的所有縮略圖。 當您單擊本機“編輯圖像”選項卡以使用 WordPress 控件調整大小時,兩個藍色按鈕也在該窗口中。

在列表模式中

如果您在列表視圖中使用媒體庫,您將在每個圖像的右側看到兩個名為“重新生成”和“圖像詳細信息”的藍色按鈕。 從那裡,一鍵重新生成或輸入圖像詳細信息燈箱。

圖像詳細信息和選項燈箱

當您在任何媒體庫模式下單擊顯示“圖像詳細信息”的藍色按鈕時,將打開一個燈箱。 它顯示該圖像的所有不同縮略圖。 在燈箱內,您可以選擇重新生成一個縮略圖大小而不是所有縮略圖大小。 如果圖像被縮放,右欄會顯示“縮放圖像”,同樣,如果圖像被裁剪,右欄會顯示“裁剪圖像”。

當原始圖像的大小不適合生成縮略圖時,也會出現這種情況。 如果縮略圖的裁剪不是最佳的,您可以通過將藍點移動到圖像的另一個區域來更改裁剪以獲得更好的裁剪。 在下面的屏幕截圖中,您可以看到我們的方形圖像是如何被裁剪成水平縮略圖和垂直縮略圖的。

高級插件設置

除了媒體庫中可用的設置外,插件本身還有一些實用的高級設置。 在 Image Regenerate & Select Crop 插件的設置選項卡中訪問這些。 在高級設置中,除了我上面提到的選項之外,您還可以設置佔位符和全局設置。 這有助於對圖像在您網站上的工作方式進行詳細更改。

結論

在這篇文章中,我們研究了 WordPress 的 Image Regenerate & Select Crop 插件。 如您所見,在創建自定義圖像大小或更改主題後重新生成縮略圖非常實用。 使用插件中的所有可用工具,您可以處理站點上的所有圖像,即使是響應式尺寸也是如此。

您是否使用此插件在 WordPress 上重新生成縮略圖和裁剪圖像? 在評論中告訴我們您的想法。

特色圖片來自 ivandivandelen/shutterstock.com