2012-05-05 78 views
4

由于图片太多以及图片太大(文件大小)而导致加载速度变慢。我已经开始将一些PNG转换为JPG,并且正在考虑将当前图像滑块/库(一系列6张旋转JPG图像)更改为一个精灵。我不确定是否可能或值得所有的努力。使用图片精灵进行图库

我知道背景图像是问题的肉,我已经在努力将它们更改为JPG并减少它们的文件大小。链接如下,如果任何有经验的html/css/js/jquery的人可以建议,如果它是1)可能使用图库精灵的画廊/滑块和2)值得吗?它有助于加载时间?

http://tinyurl.com/7ywoqpf

+0

另外,我目前使用下面的背景属性上的一些文本段落 背景色{RGBA(250,250,250,0.7)} 难道是速度更好使用背景图片? –

+0

简单的答案:(1)是和(2)没有。不值得的原因是加载时间不会提高cw。单独的图像,并添加/删除/更改图库中的图像,你将不得不重新组合精灵。 –

+0

感谢您的建议。我不是一个编码员,所以这会为我节省很多时间,但没有真正的收获 - 非常感谢! –

回答

3

我不建议使用的图像精灵的画廊。如果你想改变任何东西,你必须修改精灵。现在对你的网站做5次修改,这是对精灵的5次修改。为此,最好使用适当优化的独立图像。这样,您只需轻松修改外观顺序,并根据每个案例更改图像。

到这个网址,如果你需要重的图像,无损压缩:

http://kraken.io/

我用它基本上任何重型项目我的工作。

希望这有助于 摹

+1

是的。 Kraken.io是图像优化的最佳工具。从smush.it和其他类似工具中击败sh * t。 – Pono