如何在WordPress中顯示全尺寸圖片(4種方法)


您是否想學習如何在WordPress中顯示全尺寸圖片?

WordPress的最新版本會自動調整大圖像的尺寸以提高性能。 但是有時您可能需要顯示更大尺寸的圖像。

在本教程中,我們將分享四種不同的方法來在WordPress網站上顯示全尺寸圖像。

如何在WordPress中顯示全尺寸圖片

為什麼WordPress會放大大圖片?

WordPress的早期版本允許用戶上傳非常大尺寸的圖像。

但是,發生的事情是WordPress初學者正在上傳對於現代Web而言太大的圖像。 大圖像會導致網站加載速度緩慢和性能不佳。

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

例如,如果您上載尺寸為5000px x 7000px的圖像,則WordPress會將圖像尺寸調整為2560px,並縮放寬度以匹配原始尺寸。

現在,當用戶訪問具有較大圖像的頁面時,他們將看到該圖像的縮小版本。

這樣可以提高網站性能,並從總體上提高用戶滿意度。

停止WordPress縮放圖片的原因

這項新功能對大多數WordPress網站所有者很有用,但某些用戶可能需要顯示全尺寸圖像。

例如,如果您是出售作品的攝影師或藝術家,那麼您可能希望在網站上顯示較大的圖像,以便訪問者可以購買或下載它們。

或者,您可能正在經營一個需要較大圖像的網站,例如庫存圖片網站或出售自定義照片和圖片的網站。

也許,您需要為首頁背景圖像使用一張大於2560px限制的大圖像嗎?

無論您出於何種原因想要全尺寸圖片,我們都會逐步向您展示如何做。

如何在WordPress中顯示全尺寸圖片(4種方法)

您可以通過4種不同的方式在WordPress中顯示全尺寸圖片。

有些方法對單個圖像更好,而另一些方法對整個圖像庫最好。

您將要選擇適合您目標的全尺寸圖像方法。

方法1.在WordPress中獲取完整大小的圖像URL

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

當您將超出尺寸的圖像上傳到WordPress時,WordPress會縮放您的圖像並創建一個新圖像。 但是,原始圖像仍然完整。

要顯示原始圖像尺寸,您需要從WordPress圖像URL的末尾刪除“縮放比例”,然後使用修改後的鏈接將圖像插入網站。

只需轉到以下內容即可轉到您的媒體庫 媒體»圖書館 並選擇大圖。

大圖像媒體庫

現在,在圖像框中找到“文件URL”。

接下來,您需要從圖片網址的末尾刪除“縮放比例”。

刪除縮放的圖像URL

之後,您可以復製圖像URL並將圖像插入您的網站。

請注意,您需要使用鏈接將圖像嵌入到您的站點中,再減去縮放部分。

為此,請導航至您要添加圖像的帖子或頁面,然後單擊“ +”圖標添加一個新塊。

插入新圖像塊以獲得大圖像

然後點擊“圖片”圖標添加一個圖片塊,您可以在其中粘貼您的網址。

單擊“從URL插入”,然後將完整尺寸的圖像URL粘貼到框中,然後按“ Enter”。

添加未縮放的圖片網址

此後,如果該帖子已經發布,則需要單擊“發布”或“更新”,並且您現在可以在您的網站上查看全尺寸圖片。

您可以對要添加到站點的每個全尺寸圖像執行相同的過程。 但是,只要您使用減去“已縮放”的文件URL,您的WordPress圖像就會以完整尺寸顯示。

方法2.在WordPress中自動禁用圖像縮放(帶有插件)

第二種方法是使用WordPress插件禁用整個網站的圖像縮放。

我們推薦的插件稱為“禁用“ BIG Image”閾值”。 此插件提供了一種最簡單的變通辦法,可在您的網站上顯示大圖像,並且完全免費使用。

首先,您需要安裝並激活禁用“ BIG Image”閾值插件。 有關安裝插件的更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

在網站上安裝並激活插件後,它將自動刪除WordPress添加的大圖閾值。

您可以自由添加新圖像,就像WordPress圖像更新之前一樣。

當此插件處於活動狀態時,WordPress不會將“ -scaled”屬性添加到任何圖像。

方法3.在WordPress中自動禁用大圖像縮放(帶有代碼段)

另一個選擇是向WordPress添加一個代碼片段,以實現與上述插件相同的目標。

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

新的WordPress圖像縮放功能使用了一個名為 big_image_size_threshold

您將要使用以下代碼禁用此功能:

add_filter( 'big_image_size_threshold', '__return_false' );

您需要將此代碼添加到主題的functions.php文件中,特定於站點的插件中,或者使用代碼片段插件添加。

方法4:在燈箱中打開完整大小的WordPress圖像

最後一種選擇是將全尺寸圖片燈箱添加到您的網站。 有了這個解決方案,您將兩全其美。

您可以在博客內容,圖庫或輪播中加載較小的圖像縮略圖,當單擊該縮略圖時,它將與您的全尺寸圖像一起彈出。

顯示全尺寸圖片燈箱效果

為此,我們建議使用Envira Gallery插件。 它是市場上最好的WordPress圖像庫插件,可讓您輕鬆添加燈箱彈出圖像效果。

您需要做的第一件事是安裝Envira Gallery插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

安裝並激活插件後,請參閱有關在WordPress中使用燈箱效果創建圖片庫的分步指南。

請記住,在為圖庫上傳全尺寸圖像之前,您需要通過上述插件或子主題方法禁用圖像縮放。

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

最後,需要注意的重要一點是,如果添加大尺寸圖像,則必須針對網絡對其進行優化,因此不會降低網站速度。

我們希望本文能幫助您在WordPress中顯示全尺寸圖片。 您可能需要查看我們的SEO優化圖像指南,以及我們精選的40種有用工具來管理和發展您的博客。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。