WebP 格式的圖片模糊

關於 WebP 格式介紹請自行查閱,使用者只需要知道它是為了增進網路效能、減少資源流失而創造出來的開源碼。
我們可以加掛這個資源並利用一些函數設定使網站流量更順暢,例如大型論壇、進站頻繁的網站,或需要上傳圖檔、開啟圖檔的網站等等,可以依據現時流量給予壓縮過的圖檔顯示在客戶端。

WebP 也有區分無損壓縮與破壞性壓縮,並具有反還原始格式的特色。通常我們不會遇到壓縮最小的 Webp-lossy 格式,只有在您的頻寬緊縮時才可能看到;但機會很小。這種極模糊的狀況只有 WebP-lossless (基本壓縮) 在漸進式載入時突然遇到中斷,於是只剩下 WebP-lossy 失真的影像。您需要檢討是否頻寬不穩?如:使用 P to P 或分流錯誤。

由於這種狀況只會發生在支援 Webp 格式的服務及瀏覽器,如:Picasa, Windows Photo Viewer, Gmail, Chrome, Opera, Android Browser... 許多服務及裝置實際上已經支援此種格式,但例如 IE, Firefox 就不支持這種格式。
如果您遇到模糊的失真格式怎麼辦?

1. 清除暫存檔,重新載入即可。
2. 在 Blogger 有經常性的失真顯示,表示您在網頁效能上沒有優化,亦即過多的圖檔資料在頁面顯示。改用 PNG 格式只會讓檔案更大,狀況更劇烈。採用縮圖燈箱(縮圖 s 參數需修改為小)、Lazy load 延遲載入可以改善。
Wordpress 可修改快取期限及壓縮模式﹍(非 Blogger 就懶得提了)
3. Blogger 範本 </body> 上方有段程式碼:

window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
 
請修改 10 的數據為 1000~3000。也有幫助。
Shared publiclyView activity