TinyPNG 的压缩 PNG 算法好厉害

2014-12-06 17:28:27 +08:00
 explon
https://tinypng.com

一个项目的 PNG 素材体积减少了 70%,支付带透明度的图像
18076 次点击
所在节点    分享发现
12 条回复
lalawue
2014-12-06 17:37:16 +08:00
转成索引色了吧
jun4rui
2014-12-06 17:41:56 +08:00
很多PNG压缩以后直接和jpg比尺寸了
snail1988
2014-12-06 18:05:47 +08:00
我以前用imageOptim压缩,感觉不错
和这个一比弱爆了
emric
2014-12-06 18:08:38 +08:00
确实比同类压缩会高一些.

例如项目中某一张图片:
PS 8.55 KB / Yahoo Smushit 5.98 KB / CssGaga 3.14 KB / TinyPNG 2.66 KB
ihacku
2014-12-06 18:09:22 +08:00
aaaa007cn
2014-12-06 18:10:57 +08:00
pngquant 了一下那张 example-orig.png
默认参数的结果是 15.5 KB
然后去官网瞄了下 http://pngquant.org/
>> TinyPNG and Kraken.io — on-line interfaces for pngquant
唉?TinyPNG 就是用的 pngquant?
snail1988
2014-12-06 18:17:42 +08:00
@aaaa007cn 貌似真的是pngquant
GPU
2014-12-06 18:21:40 +08:00
意思是可以抛弃 jpg ?
emric
2014-12-06 18:25:36 +08:00
@aaaa007cn 不, 还是有差距的. pngquant 3.93 KB.
rainex
2014-12-06 18:43:22 +08:00
How does it work?
Excellent question! When you upload a PNG (Portable Network Graphics) file, similar colors in your image are combined. This technique is called “quantization”. Because the number of colors is reduced, 24-bit PNG files can be converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped too. The result: tiny PNG files with 100% support for transparency. Have your cake and eat it too!
---------
是说减少颜色数吧?一般ps或firework输出时有点经验的人都会选择合适的颜色数来减少尺寸的,tinypng比这样处理过的文件还小是么?
aaaa007cn
2014-12-06 21:11:01 +08:00
@emric
用的什么参数?即使 --quality 10 结果都有 10KB+ 啊

@snail1988
https://news.ycombinator.com/item?id=4168451
pngquant + optipng + advpng
TinyPNG 还有 40 美刀的 PS 插件出售……
pngquant 本身是 BSD 许可的,也有同样 BSD 许可的免费的 PS 插件 SuperPNG
该说 BSD 许可真好用?Note that both licenses are basically BSD-like; that is, use the code however you like, **as long as you acknowledge its origins**.
虽然我没在 TinyPNG 网站上看到有提到 pngquant
pngquant 官网有写 To further reduce file size use optipng or ImageOptim.
不过 Mozilla 没做 pngquant 和 optipng 合用的测试
https://wiki.mozilla.org/Mobile/Janus#PNG_Compression
不知道还能有多少效果

@rainex
https://news.ycombinator.com/item?id=4168796
关键的还是如何进行矢量量化?
http://pngquant.org/#algorithm
和 PS save for web 的对比
http://pngquant.org/vsphotoshop.html

@GPU
话说 HN 那串 https://news.ycombinator.com/item?id=4167964 有张构造得很巧妙的图

我这里唯一能不显著劣化并减少文件尺寸的方法就是另存为 jpg
efi
2014-12-07 09:57:04 +08:00
tinypng可能把图中的关键颜色给优化掉。有时需要pngquant手调参数。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/151976

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX