网站的自动图像优化 - 文学和资源

Question

我必须为我的大学的网站做一个关于图像优化的演示文稿。重点应放在自动化上。

我找到了一些关于图像优化的好资源，例如： Steve Souders的书“更快的网站”。虽然他提到了一些优化图像的好工具（例如Smush-it），但他没有提供任何真正的解决方案来自动完成这项任务。

我的问题是：是否有工具/模式可以在开发过程中自动进行图像优化？在部署期间？ Smush-很酷，我仍然需要手动上传每一张图片。流行的IDE有什么工具吗？或者是网络开发框架（Play！，Flask，...）？

感谢。

Answer 1

嗯......问题发生几年后，有了这项服务https://piio.co，它会根据原始图片自动执行您需要做的所有事情。

集成非常简单，您只需将<img src="image.jpg" />更改为<img data-piio="image.jpg />并在HTML中包含JS库。你不需要运行一个cron-job或任何东西来调整和压缩你的图像，Piio会自动为你做这件事。

图书馆还会根据用户设备自动调整每个屏幕尺寸的图像尺寸，因此您不必自己为同一图像生成多种格式。

文档位于https://piio.co/docs

Answer 2

给图像带来一些抨击爱情。

＆＃34;找到文件夹/路径类型f -name＆＃39; * .PNG＆＃39; -exec sips -s formatOptions 40 {} \;＆＃34;

此代码优化了所有图片以及您拥有的每个子文件夹。