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

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年前，这是一个方式来加载巨大的图像，但仍然可与阿贾克斯同谷歌地图 - 有关于如何做到这本书一个免费的Java代码示例 - http://pragprog.com/titles/ajax/source_code - 可供下载源代码）

好运气在这种情况下

Answer 2

检查此链接：

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

如果是这样使用一个小的jQuery插件像ResponsiveSlides.js。

Answer 3

插件不会工作。您可以使用任何在线图像优化工具来缩小图像大小，然后将其上传到服务器。 TinyPNG是很好的PNG在线工具，还有其他工具可用于其他格式，如Image Optimizer，您可以根据最合适的要求调整图像质量。

Answer 4

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

如果你只想把图像一次，或者如果这些很少改变，那么只是去一些在线图像压缩工具，如Tinypng或CompressImage

否则，如果压缩图像是您的日常任务，然后去寻求自己的解决方案，即根据您的需求构建图像压缩算法。

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

如果可能玩设计，只需将图像缩小到任意大小，然后给它一个影子。