我有 3 个大（7000 像素宽）透明 PNG 图像，它们从左到右动画。性能不算太差，但也不算太好。
我需要帮助优化这些图像，以便使 jquery 动画流畅。
我尝试将它们全部分成几片（因此每个背景有 10 个单独的 PNG），这有所帮助，但仍然很不稳定。
问问题
670 次
2 回答
0
最好把它作为一张图片，这样你的浏览器只执行一个 http 请求来获取图片，而且图片可以被更好地压缩并且比你将它分成 7 块并压缩每一个更轻，因为有将是它们之间的冗余数据。
对于优化 png 的程序，而不是在这里粘贴链接，我会给你两个问题，其中一些是：
- https://stackoverflow.com/questions/1060763/image-optimizer-for-images-used-on-the-web-jpg-gif-and-png
- 可以使用的好的图像优化器？
另请参阅这篇关于优化图像和最佳方法的有趣文章。
于 2012-11-14T18:18:57.113 回答
0
animate您可以尝试使用CSS3 动画，而不是使用 jquery ，这应该会产生更流畅的动画。
来自Addy Osmani 的博客文章：带有 jQuery Fallbacks 的 CSS3 过渡动画：
过渡的好处是，与基于 JavaScript 的动画不同，它们在某些浏览器和移动设备中是硬件加速的，因此可能会产生比您通常体验的更流畅的整体动画。
于 2012-11-14T20:00:55.467 回答