PNG图像的奇怪的pagespeed网址?

时间:2012-10-28 21:52:34

标签: html css image image-processing pagespeed

我使用文件名logo.png将带有alpha透明度的PNG图像上传到我的服务器,但是,当在页面上使用图像并且我去看它的文件路径时,我得到:

http://example.com/i/300x300xlogo.png.pagespeed.ic.0A66xVq4G9.png

该文件在服务器上无处可见。

我不知道它是否会影响它,但实际图像大小是400像素×400像素,我把它显示在HTML中为300像素×300像素。 (不要问。)

这可能是我的网络主机吗?似乎在文件前面加上要显示的分辨率:300x300x,并且还有一个奇怪的后缀:.pagespeed.ic.0A66xVq4G9.png

2 个答案:

答案 0 :(得分:4)

您看到的网址符合预期:mod_pagespeed将图片网址重写为优化名称,并将内容的大小和指纹嵌入到文件名中。

如果您要从原始大小缩小HTML格式的图像,那么您就会浪费用户的带宽,这在移动设备上尤为痛苦。 mod_pagespeed的优势在于它可以动态地为您调整大小 - 只需在HTML中指定所需的尺寸,它就会做正确的事情。

您可以在此处详细了解mod_pagespeed所做的各种图像优化: https://developers.google.com/speed/docs/mod_pagespeed/filter-image-optimize

你所描述的"加载速度较慢"听起来像"图像懒惰": https://developers.google.com/speed/docs/mod_pagespeed/filter-lazyload-images

图像被推迟到onload fires,这有助于使页面更快地绘制到屏幕上。您还可以配置mod_pagespeed以在滚动时执行此操作,以便仅加载可见图像。最后,您还可以禁用此特定过滤器,但保持上面的图像优化。

P.S。 mod_pagespeed不再是测试版,团队最近发布了1.0。

答案 1 :(得分:1)

解决!默认情况下,在webhosts控制面板中启用了Google Pagespeed。希望这会有所帮助。

我注意到图像实际加载速度较慢,一旦文档加载完毕就会闪烁。 (Google Pagespeed虽然是测试版。)