图片优化需求

Question

我使用类似100pulse.com这样的工具测试了我的网站加载性能，这些工具显示我的网站由于不正确的图片优化而花费了不寻常的时间加载。任何人都可以建议良好的图像优化技术来提高我的网站响应时间

Answer 1

您可以使用此Smushit来优化你的图像，他们下拉它们的大小，而不会损坏质量。

http://developer.yahoo.com/yslow/smushit/

他们给你，为什么它是凉更详细的解释，它真的帮了我的一些手机游戏和Flash应用程序工作时。

Answer 2

图像优化

图像压缩要么是有损或无损：有损作品通过从原始文件丢弃的信息，和无损保留了所有的原始数据（虽然，文件大小趋向于更大）。

通过选择性地减少图像中的颜色数量，需要更少的字节来存储数据。效果几乎看不见，但是它在文件大小上造成了很大的差异！ 因此这将导致更快的页面下载时间

有各种各样的是采取不同的方法，以减少文件大小的图像压缩算法，并在下面列出的工具，利用一些那些以尽量减少图像的大小。

TinyPNG（https://tinypng.com/）

TinyPNG使用智能有损压缩技术，以减少您的PNG文件的文件大小。

OR

TinyJPG（https://tinyjpg.com/） 对于JPG文件

参考：http://websitespeedoptimizations.com/ImageOptzPost.aspx

Answer 3

给像一些bash的爱。

“SIPS -s formatOptions 60图像/路径” 图像/路径，也可以只需拖动的形象。

你也可以尝试调整图像保存速度

“SIPS -Z 800图像/路径”

这个代码将保持纵横比

用于nontech溶液 TinyPNG（https://tinypng.com/）

高级用户试用（guetzli）可能需要几分钟才能优化一个图像，但它确实很好。

Answer 4

如果你想进入它，然后我全力推荐阅读本指南：https://images.guide/

如果你只是想一劳永逸地解决问题，并为所有为您的网站，你可能想尝试https://piio.co

整合非常简单，您只需将<img src="image.jpg" />更改为<img data-piio="image.jpg />并将JS库包含在HTML中。

完全披露（这是我的创业），但我们正在努力，所以人们不需要担心图像优化了。