网络的有损图像压缩和透明度？

Question

PNG的一个优点是完整的Alpha透明度,可让您在网页设计中拥有平滑的边缘和阴影.主要缺点是它只支持无损压缩,对于复杂的图像来说意味着非常大的文件大小.

另一方面,JPEG为复杂图像提供了很好的压缩性,但没有透明度.

最后,我看到了Flash元素(这里的例子),高度压缩的图像也有平滑的边缘和阴影.我对Flash知之甚少,也不知道如何实现.这基本上是我希望能够做到的效果 - 具有透明和/或阴影边缘的大型复杂图像.

我的问题是:

这里是否使用了闪存特定的分层技巧？是否像使用PNG一样将阴影生成或栅格化为图像.

我正在考虑逐步增强以提高某些设计元素的加载速度.如果不存在,编写它是否可行？

我很难找到具体的信息.DjVu可能是候选人吗？我们应该推动浏览器制造商支持另一种格式吗？

在Flash中执行所有操作或接受巨大的文件大小是当前的选项.其他一些可能性:

SVG和canvas可能能够应用边缘,但IE不支持.
您可以沿扫描线切割PNG并使用JPEG压缩PNG,将边缘保留为PNG.这在源代码中会很讨厌,但它适用于所有浏览器.听起来像一个有趣的项目,我会在早上写下来.:)
您可以编写一个有损图像滤镜,可以降低PNG算法扫描线的颜色复杂度,从而改善PNG格式的压缩效果.我只知道这必须存在,但我找不到它.谁知道这个？

谢谢你的帮助!

Answer 1

PNG的一个优点是完整的Alpha透明度,可让您在网页设计中拥有平滑的边缘和阴影.主要缺点是它只支持无损压缩,对于复杂的图像来说意味着非常大的文件大小.

你错了.您可以使用带有损压缩(8位索引颜色)和Alpha透明度的PNG.

真棒,这里有一些命令行选项pngquant:http://www.libpng.org/pub/png/apps/pngquant.html pngnq:http://pngnq.sourceforge.net/ (4认同)
你*可以*使用索引颜色和8位alpha的PNG.也许您的图像编辑器没有为您提供导出选项,但它存在. (2认同)

Answer 2

我正在开发pngquant，它生成带有完整 alpha 的调色板 PNG 。

转换为调色板非常接近有损压缩，并提供类似的良好结果——您通常可以将图像大小减少 60-70%，而质量损失很小。

I've also created Mac GUI for it which includes lossy filter for PNGs (posterization with appropriately selected levels). 该技术将图像减少了约 30%，但适用于 24 位图像。