圖片優(yōu)化

在社區(qū)表達(dá)了關(guān)鍵反饋和重大技術(shù)問題后， WordPress 的性能團(tuán)隊(duì)已將其默認(rèn)采用 WebP 圖片格式的提案擱置。默認(rèn)情況下，新功能將在上傳時(shí)為新的 JPEG 上傳生成 WebP 圖像，并且默認(rèn)情況下將 WebP 圖像用于網(wǎng)站內(nèi)容。WordPress 的性能團(tuán)隊(duì)為即將發(fā)布的 6.0 版本提出了此更新。 “性能團(tuán)隊(duì)已經(jīng)聽取了反饋，并認(rèn)真對(duì)待社區(qū)的擔(dān)憂，”谷歌贊助的貢獻(xiàn)者亞當(dāng)·西爾弗斯坦 (Adam…

您想開始在您的 WordPress 網(wǎng)站中使用 WebP 圖像嗎？ WebP 圖像格式是網(wǎng)絡(luò)上最好的圖像解決方案。最近發(fā)布的 WordPress 5.8+ 增加了對(duì) WebP 格式的全面支持。因此，您可以輕松地在 WordPress 網(wǎng)站上使用 WebP 圖像，而不是 JPEG 或 PNG 格式。在 WordPress 中使用新的 WebP 格式可以幫助您加快網(wǎng)絡(luò)速度。  在本教程中，我…

圖像對(duì)于吸引和保持讀者的興趣非常重要。但是，它們也是網(wǎng)絡(luò)上加載速度最慢的元素之一。加載緩慢可能會(huì)導(dǎo)致訪問者放棄您的網(wǎng)站，因此解決圖片加載慢的問題尤為重要！ 如果您想要一個(gè)更輕、更快的網(wǎng)站，那么圖像優(yōu)化是一個(gè)不錯(cuò)的起點(diǎn)。通過優(yōu)化，您可以繼續(xù)以美觀、高質(zhì)量的視覺效果吸引觀眾的注意力，而不會(huì)顯著增加頁面加載時(shí)間。 在本文中，我們將分享通過圖像優(yōu)化來提高網(wǎng)站性能的一些方法。讓我們開始吧！ 圖像優(yōu)化及其重要…

從WordPress 5.5開始，WordPress會(huì)默認(rèn)使用本地的HTML?loading屬性，為圖像添加延遲加載，這將極大地節(jié)省服務(wù)器和帶寬資源，提高了網(wǎng)站加載速度，提升了用戶體驗(yàn)。 默認(rèn)情況下，WordPress將添加loading="lazy"到所有具有width和height屬性的img標(biāo)簽。從技術(shù)上講，這是在頁面輸出上處理的，類似于通過添加srcset和sizes屬…

reSmush.it 是國外專門提供免費(fèi)圖片壓縮優(yōu)化服務(wù)api接口，它提供了基于幾種高級(jí)算法的圖片壓縮功能，支持jpg、png和gif文件，單張圖片最大支持5MB。對(duì)圖片數(shù)量沒有任何限制。 reSmush.it Image Optimizer 是一個(gè)基于reSmush.it API的免費(fèi)的圖片優(yōu)化插件。該插件提供了一鍵批量?jī)?yōu)化已有圖片的功能，還支持設(shè)置上傳時(shí)優(yōu)化圖片，或者定時(shí)優(yōu)化圖片，可以選擇保留…

默認(rèn)情況下，WordPress會(huì)為上傳的每張圖片至少生成5種不同尺寸的縮略圖，而有些主題注冊(cè)了多種縮略圖尺寸，這將導(dǎo)致每張圖片可能會(huì)生成10+個(gè)縮略圖！！ 如果你想了解WordPress縮略圖方面的知識(shí)，可以看下面的文章： 詳解如何禁用WordPress自動(dòng)生成的不同尺寸的圖片WordPress默認(rèn)縮略圖尺寸和添加自定義尺寸 今天，倡萌將告訴大家，如何禁止WordPress自動(dòng)對(duì)所有上傳的圖片生成…

為了使您的WordPress網(wǎng)站更能吸引訪問者并增加轉(zhuǎn)化次數(shù)，網(wǎng)站的內(nèi)容必須吸引人。圖文搭配可以使你的文章更具吸引力，但是，高質(zhì)量圖像通常意味著較大的文件大小，會(huì)導(dǎo)致網(wǎng)頁加載速度變慢。 所以，我們應(yīng)該在確保圖文排版需求的情況下，盡可能優(yōu)化圖片來減少對(duì)網(wǎng)頁加載速度的影響。 在這篇文章中，我們將說明圖像如何影響WordPress網(wǎng)站的速度和性能。然后，我們將為您提供4種優(yōu)化方式，以減少頁面加載時(shí)間。 …

多年來，延遲加載圖像一直是一種顯著提高頁面加載性能的常用機(jī)制。僅僅WordPress系統(tǒng)，就有無數(shù)啟用延遲加載的插件。 一直以來的延遲加載圖像一般都是基于JavaScript來實(shí)現(xiàn)，直到最近Google團(tuán)隊(duì)新推了一種本機(jī)Web解決方案，該解決方案僅僅需要在 img 標(biāo)簽中添加loading屬性就可以生效，并提供了標(biāo)準(zhǔn)化的用戶體驗(yàn)，不再需要添加js代碼。目前l(fā)oading屬性的HTML規(guī)范已接近尾聲…

您可能知道，WordPress為通過媒體庫上傳的所有圖片創(chuàng)建了大量副本。這些附加圖像會(huì)根據(jù)您的設(shè)置和其他因素生成各種尺寸的圖像。一般來說，這可能完全沒問題，但是如果您在站點(diǎn)上使用大量圖片，但您的站點(diǎn)沒有使用所有尺寸的圖像，那多余的文件會(huì)占用您的磁盤空間。因此，為幫助您節(jié)省資源，消除浪費(fèi)并保持運(yùn)行狀態(tài)盡可能輕巧，本文詳細(xì)說明了禁用所有WordPress默認(rèn)（或自定義）自動(dòng)生成的圖像。 了解如何禁用任…

當(dāng)您在WordPress中上傳圖片時(shí)，WordPress在幕后做了很多工作，以便您可以將圖片正確地提供給訪問者。借助WordPress強(qiáng)大的鉤子，您可以修改它處理圖片的過程并添加自定義圖片尺寸。 在這篇文章中，我將解釋W(xué)ordPress如何以及為什么創(chuàng)建不同的圖像大小。然后，我將教您如何通過修改functions.php文件來添加自己的圖像大小，重新生成縮略圖并將新的圖像大小添加到Gutenber…

一個(gè)網(wǎng)站能否給用戶良好的體驗(yàn)，決定了這個(gè)網(wǎng)站的前途。影響用戶體驗(yàn)的最直觀的因素有3個(gè)：網(wǎng)站速度、網(wǎng)站內(nèi)容和網(wǎng)站功能（外觀、操作等）。網(wǎng)站速度永遠(yuǎn)是第一位，如果網(wǎng)站太慢，用戶沒有耐心等待網(wǎng)站打開就會(huì)關(guān)掉頁面！不僅如此，網(wǎng)站速度過慢，也會(huì)影響搜索引擎評(píng)分，沒有好的排名，就沒有流量，就沒有您想要的轉(zhuǎn)化和收益…… 所以，網(wǎng)站速度非常非常非常重要！ 不幸的是，大多數(shù)網(wǎng)站在頁面速度方面的表現(xiàn)很差，這對(duì)其轉(zhuǎn)化和…

圖像是網(wǎng)絡(luò)的重要組成部分，但是，如果沒有適當(dāng)優(yōu)化或交付，它們可能會(huì)給用戶體驗(yàn)帶來很多挑戰(zhàn)。自Google將世界引入WebP作為解決此問題的方法以來，已經(jīng)過去了將近十年。隨著越來越多的瀏覽器，設(shè)備和軟件支持它，Web設(shè)計(jì)人員應(yīng)該開始采用它作為默認(rèn)圖像格式了。 如果您話足夠的時(shí)間通過PageSpeed Insights檢測(cè)網(wǎng)站，您會(huì)發(fā)現(xiàn)Google會(huì)抱怨主要的傳統(tǒng)圖像格式，例如JPG，PNG甚至GIF…

WordPress處理大圖片的方式一直是用戶和開發(fā)人員討論的話題。 通常，上傳的圖片有兩種類型： 在圖片編輯應(yīng)用程序中已編輯過或創(chuàng)建的圖片。直接從相機(jī)上傳或尚未編輯的照片。 在第一種情況下，圖片通常是“可用于網(wǎng)絡(luò)的”。它們可能已縮小到合適的大小并進(jìn)行了優(yōu)化。 在第二種情況下，圖片通常比需要的大得多，并且沒有針對(duì)Web使用進(jìn)行優(yōu)化。用普通的現(xiàn)代智能手機(jī)拍攝的照片文件大小很容易超過5MB。使用優(yōu)質(zhì)相機(jī)…

Imsanity 插件允許你設(shè)置圖片的最大寬度和高度，一旦用戶上傳的圖片超過了這個(gè)設(shè)置寬度或高度，就會(huì)自動(dòng)將圖片縮小，以達(dá)到限制用戶上傳過大圖片的目的。對(duì)于開放投稿或者多用戶網(wǎng)站來說，是非常必要的，因?yàn)橐话阌脩羯蟼鞯膱D片大小你無法預(yù)知。

默認(rèn)情況下，WordPress會(huì)對(duì)上傳的圖片進(jìn)行壓縮，以免獲得更好的性能和用戶體驗(yàn)。長(zhǎng)久以來，默認(rèn)的壓縮質(zhì)量為 90%，直到 WordPress 4.5以后，就降低為 82% 了，為的是優(yōu)化圖片在手機(jī)端的加載速度。但是并不是所有的用戶都希望如此。最近就有客戶反饋說，為什么我上傳的圖片都被壓縮了，模糊了。今天倡萌就分享下如何更改WordPress對(duì)JPEG圖片的壓縮質(zhì)量。 科普一下：JPEG 在這里…

應(yīng) @李輝 朋友的要求，分享一下為WordPress文章的圖片自動(dòng)添加當(dāng)前文章鏈接的方法，需要的朋友就自己折騰吧。 圖片自動(dòng)鏈接到文章，添加標(biāo)題和ALT屬性 直接將下面的代碼添加到主題的 functions.php 文件即可： function auto_post_link($content) { global $post; $content = preg_replace('/<\…

2016年12月17日更新：SEO Friendly Images 這個(gè)插件已經(jīng)有2年多沒有更新了，最近有另外一個(gè)開發(fā)者基于 SEO Friendly Images 增強(qiáng)修改的版本：PB SEO Friendly Images，它不僅修復(fù)了一些舊版本的問題，還新增了一些選項(xiàng)和功能，比如可以同步之前已設(shè)置好的alt到title，反之亦然，等等。所以倡萌推薦使用更新的 PB SEO Friendly …

大家都知道，網(wǎng)頁加載的圖片越大，不僅耗費(fèi)更多的流量，還會(huì)嚴(yán)重影響網(wǎng)站的加載速度，所以做好圖片優(yōu)化是十分必要的。壓縮圖片的方法很多，可以使用本地軟件，也可以在線壓縮，比如雅虎的 Smush.it 就非常好用，倡萌在制作主題時(shí)，一般都會(huì)使用Smush.it 壓縮主題的圖片，大家不妨自己試試效果：訪問Smush.it。 手動(dòng)進(jìn)行圖片壓縮處理，是非常耗時(shí)的，所以，如果你使用wordpress，那你可以試試…