禁用特定圖像文件的mod_pagespeed壓縮

Question

我使用mod_pagespeed與Apache。出於某種原因，我無法弄清楚，mod_pagespeed認爲圖像比實際尺寸小得多，這意味着一旦圖像被放大，它就非常模糊。

有問題的圖像是CSS背景圖像。

有沒有辦法禁用特定文件的mod_pagespeed圖像壓縮？

Answer 1

的的mod_pagespeed文檔不明確這一點 - 我的印象是，ModPagespeedDisallow僅適用於包含HTML的URL，但他們似乎也對單個文件的工作：

<IfModule pagespeed_module> 
    ModPagespeedDisallow "https://www.example.com/assets/image.jpg" 
</IfModule> 

中的Apache2的配置將這個某處。我們把它放在/etc/apache2/sites-available的虛擬主機配置中。

Answer 2

我建議您使用data-pagespeed-no-transform像<img src="do-not-modify.png" data-pagespeed-no-transform />來獲得您想要的單一圖像效果。如果背景給你帶來麻煩，你可能必須使用<div style="background-image: url(../images/do-not-modify.png); height: 200px; width: 400px;" data-pagespeed-no-transform></div>或類似的東西。主要原因似乎是PageSpeed無法計算出圖像的高度/寬度。來源：Google PageSpeed tools