使用图像精灵来创建一个画廊。

Question

慢加载时间是由于图片过多和图片文件过大（文件大小）所造成的。我已经开始将一些 PNG 图片转换为 JPG，并考虑探索将当前的图片轮播/画廊（由6张旋转的 JPG 图片组成）更改为单个精灵的想法。我不确定这是否可能，或者是否值得所有的努力。

我知道背景图片是问题的关键，我已经在将它们改成 JPG 并减小它们的文件大小上做了工作。如果有任何有经验的 HTML/CSS/JS/jQuery 专家能够建议：1）是否可以对画廊/轮播使用图像精灵；2）是否值得？它会有助于加载时间吗？

- Doug Fir

---

另外，我目前在一些文本段落上使用以下背景属性 background-color {rgba(250, 250, 250, 0.7)} 为了速度更好，使用背景图片会更好吗？ - Doug Fir

简单的答案：（1）是和（2）否。不值得的原因是，加载时间不会改善cw。分离图像，并在画廊中添加/删除/更改图像时，您必须重新组合精灵复合体。 - Beetroot-Beetroot

谢谢你的信息，我会采纳你的建议。我不是程序员，所以这将为我节省了很多时间，但并没有真正的收益 - 非常感谢！ - Doug Fir

Answer 1

我不建议使用图像精灵来创建相册。如果您想要更改任何内容，您必须修改图像精灵。现在假设您的网站需要进行五次更改，那就需要对图像精灵进行五次修改。最好使用经过适当优化的独立图像。这样您只需轻松调整出现的顺序以及按照需要逐个更换图像即可。

如果您需要对图像进行大量无损压缩，请访问以下网址：

http://kraken.io/

我在基本上所有重型项目中都会使用它。

希望这能有所帮助。 G

- Capagris

---

是的。Kraken.io是最好的图像优化工具。它比smush.it和其他类似工具更出色。 - Pono