我正在编写将显示数百张图片的网页。问题是图像的大小(+ - 5MB)。这个图像是div的背景图像。我使用JS来改变这个背景图像。(有时每秒1次。)有什么方法可以缩小这些图像或如何加快加载速度? (我无法通过Photoshop或其他类似的SW修改此图像。我必须使用原始图像。)
答案 0 :(得分:4)
如果您想缩小图像,您的意思是必须使用原件?在我看来,文件大小不适合Web应用程序,您必须减小这些文件的大小。如果您可以访问PHP或ASP.NET等服务器端技术,则可以在使用ImageMagick(http://php.net/manual/en/book.imagick.php)或ASP.NET等库进行显示之前修改图像。精灵和图像优化库(请参阅http://www.hanselman.com/blog/NuGetPackageOfTheWeek1ASPNETSpriteAndImageOptimization.aspx),但这些将使用资源进行处理,因此您的网站仍然会有性能开销。
我建议您使用工具修改图像,不要让服务器或浏览器修改这些图像。如果您无法访问Photoshop或GIMP等工具,则可以使用在线工具创建原始版本的简化版本,例如Yahoo的smush.it - http://www.smushit.com/ysmush.it/
不是最好的答案,但我希望它有所帮助。