Flash 有损图像压缩，加上透明度，用于网络？

PNG的一个优点是完全透明的alpha，它允许您在网页设计中拥有平滑的边缘和阴影。主要缺点是它只支持无损压缩，这对于复杂图像意味着非常大的文件大小

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

最后，我看到了Flash元素（）和高度压缩的图像，它们也有平滑的边缘和阴影。我对Flash了解不多，也不知道这是如何实现的。这基本上就是我希望能够实现的效果——一个具有透明和/或阴影边缘的大型复杂图像

我的问题是：

在Flash中，透明有损压缩是如何工作的？ 这里是否使用了特定于flash的分层技巧？阴影是否生成或光栅化到图像中，就像我使用PNG一样

是否有任何SWF或SWF生成脚本可以用无损压缩版本替换PNG图像？ 我正在考虑逐步增强，以提高某些设计元素的加载速度。如果这不存在，写它是否可行

有没有允许透明有损压缩的格式 我很难找到这方面的具体信息。DjVu可能是候选人？我们是否应该推动浏览器制造商支持另一种格式

这个问题还有其他解决办法吗？ 目前的选择是在Flash中执行所有操作或接受巨大的文件大小。其他一些可能性：

• SVG和画布可以应用边缘，但IE不支持
• 你可以沿着扫描线切割一个PNG，然后用JPEG压缩，把边缘保留为PNG。这在源代码中可能会很糟糕，但在所有浏览器中都可以使用。听起来像是一个有趣的项目，我会在早上写出来。：）
• 您可以编写一个有损图像过滤器，它可以降低PNG算法扫描线的颜色复杂度，以改进PNG格式中的压缩。我只知道这一定存在，但我找不到。有人知道吗

谢谢你的帮助

PNG的一个优点是完全透明的alpha，它允许您在网页设计中拥有平滑的边缘和阴影。主要缺点是它只支持无损压缩，这对于复杂图像意味着非常大的文件大小

你错了。您可以将PNG与有损压缩（8位索引颜色）和alpha透明一起使用。

您可以在后端动态使用和创建flash，下面是一个PHP示例

这里是否使用了特定于flash的分层技巧

可能是。可以在ActionScript中操作位图，因此可以从没有颜色数据的简单透明PNG中获取Alpha层，并将其与JPEG中的像素数据相结合

有没有允许透明有损压缩的格式

---

是的，还有微软的。不过，对于浏览器支持，不要屏息以待

如果你指的是网站上突然出现的学生，他们是通过屏蔽来完成的。要制作一个复杂的面具，你要么用闪光灯自己画，要么如果你有Illustrator，你可以实时跟踪你的图像，得到一个非常好的轮廓矢量近似值。Flash还具有跟踪位图功能，但Illustrator版本功能更强大

Flash CS4允许您对运行时渲染的电影嘴唇和文本应用阴影和模糊等过滤效果

所以基本上：

获取图像

获取图像的矢量轮廓

将矢量轮廓放置在图像上方的图层上并应用遮罩。你现在应该只留下你的图像和所有的空白删除

如果需要阴影，请将矢量轮廓复制到JPEG下面的层上，将其与遮罩对齐，并在“属性”>“过滤器”中的该底层上应用阴影。确保它是一个电影剪辑，否则你将无法在上面放置阴影

---

如果您需要更多的说明或想要一个示例文件，请给我发电子邮件到jcullinan（at）pinnaclegfx（dot）com

我看到了一些有趣的答案。也许我可以补充一下，因为我遇到了同样的问题

在Flash中，透明有损压缩是如何工作的

它工作得很好，就像一个透明的jpg:）

是否有任何SWF或SWF生成脚本可以用无损压缩版本替换PNG图像

是的，有：

退房 及

希望能有帮助。

---

祝你好运

还有这项研究

及

我正在开发，它可以生成带有完整alpha的浅灰色PNG

到调色板的转换非常接近有损压缩，并提供了类似的良好效果-您通常可以在几乎没有质量损失的情况下将图像大小减少60-70%

---

我还创建了一个包含PNG有损过滤器（使用适当选择的级别进行后期处理）。这种技术可以将图像减少约30%，但可以处理24位图像。

您可以使用JPEG和掩码。遮罩可以是位图（可以无损压缩为PNG或GIF），也可以是矢量

对于大多数web使用，将它们打包为SVG-

---

对于某些应用程序，可以单独使用它们。它允许您在形状相同但纹理不同时重复使用遮罩。对于您选择的工作流或框架来说，它也可能更好。

PNG确实支持有损压缩，但与JPEG相比，它非常糟糕。例如，以下是使用PNG和JPEG压缩到100kb的图像部分：

因此，您可以看到PNG文件不能很好地处理细微的渐变。他们不是设计来这样做的

看起来短期内最好的选择是等待，这实际上已经在所有主流浏览器中可用，但仅在最新版本的Safari中可用