javascript - 如何在服务器端调整图像大小

Question

我正在编写将显示数百张图片的网页。问题是图像大小（+-5MB）。此图像是 div 的背景图像。我使用 JS 来更改此背景图像。（有时每秒 1 个。）有什么方法可以缩小这些图像或如何加快加载速度？（我无法通过 Photoshop 或其他类似软件修改此图像。我必须使用原始图像。）

Answer 1

如果你想缩小图像，你的意思是你必须使用原件吗？在我看来，文件大小不适合 Web 应用程序，您必须减小这些文件的大小。如果您可以使用 PHP 或 ASP.NET 等服务器端技术，则可以在使用 ImageMagick (http://php.net/manual/en/book.imagick.php) 或 ASP.NET 等库显示图像之前对其进行修改Sprite 和图像优化库（请参阅http://www.hanselman.com/blog/NuGetPackageOfTheWeek1ASPNETSpriteAndImageOptimization.aspx）但这些将使用资源进行处理，因此您的站点仍然会有性能开销。

我建议您使用工具修改图像，并且不要让服务器或浏览器修改这些图像。如果您无法使用 Photoshop 或 GIMP 之类的工具，您可以使用在线工具来创建原始文件的简化版本，例如 Yahoo 的 smush.it - http://www.smushit.com/ysmush.it/

不是最好的答案，但我希望它有所帮助。