压缩图像而不会损失我网站的质量

Question

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

Answer 1

您的网站看起来不错，这种类型的图片可能会使用有损压缩（例如jpeg）保持良好的外观，但效果非常好。

但如果您仍想尝试一些非损耗技术，如此处详细描述

http://oreilly.com/server-administration/excerpts/9780596522315/optimizing-images.html

1. 尝试不同的图片格式
2. 尝试不同的决议（有损）
3. 尝试不同尺寸（有损）
4. 尝试减少颜色调色板（有损）
5. 尝试使用pngcrush压缩PNG（参见链接）
6. 尝试剥离JPG元数据（请参阅链接）
7. 尝试分割图像（旧的解决方案，10年前它是一种加载巨大图像的方法，但仍然可以使用google地图的ajax - 有一个免费的Java代码示例，介绍如何在本书中执行此操作 - {{3 - 可供下载的源代码）
祝你好运

Answer 2

检查此链接：

http://imageoptim.com/
https://developers.google.com/speed/docs/best-practices/payload?hl=es-419&csw=1#CompressImages

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

Answer 3

插件在这种情况下无法工作。您可以使用任何在线图像优化工具来缩小图像大小，然后将其上载到服务器。 TinyPNG是适用于PNG的良好在线工具，还有其他格式的工具，例如Image Optimizer，您可以根据最佳匹配要求调整图像质量。

Answer 4

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

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

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

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

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