如何取消WordPress大圖自動縮放功能

自WordPress的v5.3版本,WordPress會自動調整超大影象的尺寸以提高效能。但是有時您可能需要顯示更大尺寸的影象。在本教學中,我們將分享四種不同的方法以實現在WordPress網站顯示全尺寸影象。

WordPress顯示全尺寸圖片

為什麼WordPress縮放超大尺寸圖片?

WordPress的早期版本允許使用者上傳尺寸非常大的影象。

但是,很多對WordPress不是很瞭解的站長會上傳大量對於現代Web而言尺寸超大的影象。大影象會導致網站載入速度慢和效能不佳。

為了解決此問題,WordPress 5.3更新更改了WordPress處理超大影象的方式。

例如,如果您上傳尺寸為5000px*7000px的影象,則WordPress會將影象尺寸調整為2560px並縮放寬度以匹配原始尺寸。

所以現在如使用者訪問包含較大影象的頁面時,他們將看到該影象的縮小版本。

這樣可以提高網站效能,並從整體上提升使用者體驗。

停用WordPress自動縮放大圖片的原因

WordPress自動縮放大圖片這項新功能對大多數WordPress站長來說很有用,但某些使用者可能需要顯示完整尺寸的影象。

例如,如果網站主要用來展示高清照片或者藝術創作時,那麼在網站上顯示較大的影象,以便訪問者可以購買或下載它們。

又或者,需要為首頁背景影象使用一張超大尺寸的高清影象。

無論您出於何種原因想要全尺寸圖片,我們將為你介紹在WordPress中顯示全尺寸圖片的4種不同方式。

有些方法適用於單個影象處理,而另一些方法適用於WordPress網站全域性。

您可以根據自身的實際情況,選擇適合您的顯示全尺寸影象方法。

方法1.在WordPress中獲取完整大小的影象URL

如果您只想在網站上使用一兩個大影象,則此解決方案可能是最好的。

當您將超出尺寸的影象上傳到WordPress時,WordPress會縮放大影象並建立一個新影象。但是,原始影象仍然會存放在你的伺服器上。

要顯示原始影象尺寸,您需要從WordPress影象URL的末尾刪除‘-scaled’ ,然後使用修改後的連結將影象插入到您的網站中。

轉到Media»Library並選擇您需要處理的大圖片,即可轉到該影象附件詳情。

圖片附件詳情-檔案URL

在影象框中找到“檔案URL”,然後刪除圖片網址的末尾“-scaled”。

刪除大圖片連結的scaled

最後,複製新的影象URL並將影象插入網站文章或者頁面。

請注意,您需要使用連結將影象嵌入文章或者頁面編輯器,再刪除“-scaled”縮放部分。

導航至您要新增影象的文章或頁面,然後單擊“ +”圖示新增一個區塊。

增加影象區塊

然後點選“影象”圖示新增一個圖片區塊,貼上影象URL。

點選“從URL插入”,然後將完整尺寸的影象URL貼上到框中,然後按“ Enter”。

從URL插入圖片

如果文章已經發布,則需要單擊“釋出”或“更新”,即可在網站上檢視全尺寸圖片。

您也可以對要新增到站點中的每個原尺寸影象執行相同的過程。只要刪除檔案URL“-scaled”部分,WordPress影象就會以完整尺寸顯示。

方法2.外掛禁用WordPress大影象自動縮放功能

第二種方法是使用WordPress外掛禁用WordPress的大影象自動縮放功能。

我們推薦的外掛為Disable “BIG Image” Threshold。該外掛提供了一種最簡單的解決方法,以幫助您實現在WordPress網站上顯示全尺寸大圖片。

安裝並啟用Disable “BIG Image” Threshold外掛。它將自動禁用WordPress新增大圖閾值。

即當此外掛處於啟用狀態時,WordPress不會將“ -scaled”屬性新增到任何影象。

方法3.程式碼禁用WordPress大影象自動縮放功能

另一個選擇是在WordPress新增一個程式碼片段,以實現與上述外掛相同的效果。

如果該外掛由於某種原因而無法使用,或者您不想安裝太多的外掛,則可以使用此方法。

新的WordPress影象縮放功能使用名為的過濾器big_image_size_threshold

您需要使用以下程式碼來禁用此功能:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
add_filter( 'big_image_size_threshold', '__return_false' );
add_filter( 'big_image_size_threshold', '__return_false' );
add_filter( 'big_image_size_threshold', '__return_false' );

您需要將此程式碼新增到主題的functions.php檔案中,特定於站點的外掛中,或者通過使用程式碼片段外掛來新增。

方法4:在畫廊相簿中開啟全尺寸WordPress影象

最後一種選擇是將全尺寸圖片燈箱(圖片畫廊相簿)新增到您的網站。有了這個解決方案,您將兩全其美。

您可以在部落格內容,畫廊或輪播中載入較小的影象縮圖,當單擊時,它將彈出全尺寸影象。

畫廊相簿顯示全尺寸圖片

為此,我們建議使用Envira Gallery外掛。它是市場上最好的WordPress相簿外掛,支援新增各種燈箱彈出影象效果。

請記住,在為相簿上傳全尺寸影象之前,您需要通過上述外掛或子主題方法禁用影象縮放。

否則,您的燈箱圖片將使用該圖片的縮小版本。

最後,需要注意的一點是,如果新增大尺寸影象,則必須針對Web優化影象,避免載入大體積影象降低網站速度。

希望本教學能幫助解決WordPress無法顯示全尺寸圖片問題。關於WordPress圖片內容,你可能還對下面的文章感興趣:

評論留言