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



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

您的网站看起来不错,这种类型的图像可能会使用有损压缩(例如 JPEG)保持良好的外观,并产生一些非常好的结果。

但是,如果您仍然想尝试一些非有损技术,例如此处详细描述

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

  1. 尝试不同的图像格式
  2. 尝试不同的分辨率(有损)
  3. 尝试不同的尺寸(有损)
  4. 尝试减少调色板(有损)
  5. 尝试用pngcrush粉碎PNG(见链接)
  6. 尝试剥离 JPG 元数据(请参阅链接)
  7. 尝试拆分图像(旧解决方案,10 年前它是一种加载巨大图像的方法,但仍然可以使用 Ajax 和谷歌地图 - 本书中有一个关于如何执行此操作的免费 Java 代码示例 - http://pragprog.com/titles/ajax/source_code - 源代码可供下载)

祝你好运

检查此链接:


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

如果是这样的话.js请使用像Responsive Slides这样的小型JQuery插件。

插件在这种情况下

不起作用。您可以使用任何在线图像优化工具来减小图像大小,然后将其上传到服务器。TinyPNG 是 PNG 的良好在线工具,还有其他其他格式的工具,例如图像优化器,您可以在其中根据最佳要求调整图像质量。

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

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

否则,如果压缩图像

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

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

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

最新更新