高分辨率图像,但小文件< 2.0MB?

时间:2014-04-01 18:02:58

标签: jquery html5 css3 png jpeg

具有网站设计/开发经验的人可以解释谷歌,微软和其他网站用来在网页上制作这些高分辨率照片背景的方法,同时保持文件大小非常小。

以下是一些例子:

https://plus.google.com/+Gmail/posts

http://www.xbox.com/en-US/#fbid=FrRSDRhcxBm

2 个答案:

答案 0 :(得分:0)

我不确定是不是'谈论相同的图片,因为这些页面是个性化的并经常更改,但this Google's image是一个200KB的PNG,可以使用ImageAlpha / pngquant将其压缩到72KB。

对于JPEG,请查看JPEGMini

答案 1 :(得分:0)

以下是一些免费在线服务,分别用于png和jpeg:

此外,谷歌还推广使用.webp格式创建较小的字段,但并非所有浏览器都完全支持。