压缩图像而不会降低我网站的质量答案

【问题标题】：Compress images without losing quality for my website压缩图像而不会降低我网站的质量
【发布时间】：2014-03-11 14:58:54
【问题描述】：

我有一个特定高度为 500 像素的全宽滑块，我遇到的问题是由于图像太大，它们真的很重，而且滑块需要很长时间才能加载，我该如何压缩图像不损失质量？有办法吗？比如插件、代码或我能做的事情？

【问题讨论】：

【解决方案1】：

您的网站看起来不错，并且这种类型的图像可能可以使用有损压缩（例如 jpeg）保持良好的外观，并获得一些非常好的结果。

但如果您仍想尝试一些无损技术，如此处详细描述的那样

尝试不同的图片格式
尝试不同的分辨率（有损）
尝试不同的尺寸（有损）
尝试减少调色板（有损）
尝试使用 pngcrush 粉碎 PNG（见链接）
尝试剥离 JPG 元数据（见链接）
尝试分割图像（旧的解决方案，10 年前它是一种加载巨大图像的方法，但仍然适用于带有谷歌地图的 ajax - 这本书中有一个免费的 Java 代码示例说明如何做到这一点 - http://pragprog.com/titles/ajax/source_code - 源代码可供下载）

祝你好运

【讨论】：

【解决方案2】：

检查此链接：

如果是这种情况，请使用像 ResponsiveSlides.js 这样的小型 JQuery 插件。

【讨论】：

【解决方案3】：

插件在这种情况下不起作用。您可以使用任何在线图像优化工具来减小图像大小，然后将其上传到您的服务器。 TinyPNG 是适用于 PNG 的优秀在线工具，还有其他适用于其他格式的工具，例如 Image Optimizer，您可以在其中根据最佳拟合要求调整图像质量。

【讨论】：

【解决方案4】：

嗯，图像压缩是大多数网站面临的常见问题。很难假设没有图片的网站。

如果您只想放置一次图像或者很少更改这些图像，那么只需使用一些在线图像压缩工具，例如 Tinypng 或 CompressImage

否则，如果压缩图像是您的日常任务，那么请选择您自己的解决方案，即根据您的需要构建图像压缩算法。

大多数平台都有一些内置的图像压缩算法。哪种技术最好；很难说。

如果可以玩设计，只需将图像缩小到您想要的任何大小，然后给它一个阴影。

【讨论】：