需要了解网页图形中 png 文件的标准吗？
我开始尝试从使用 jpeg 和 gif 文件转向 png，我想知道除了 IE 缺乏对 png 的支持之外，是否还有使用 png 的标准。我还想知道当前是否有任何关于在优化网络时应该使用的设置的文章？现在我正在使用 Photoshop 来执行此操作，我应该使用 Firework 来代替吗？
I'm starting to venture out from using jpeg and gif files to png, I was wondering if there were any standards for using png beside IE's lack of support for it. I also want to know if there was any current articles about setting I should be using when optimizing for web? Right now I'm using photoshop to do this, should I be using firework instead?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您使用哪些优化取决于图像的类型。如果您的图像仅包含少量颜色，您可以使用 png-8，否则您可能需要 png-24。透明度/Alpha 混合的使用也是如此。
Photoshop 的网络保存功能做得很好，但是当您的网站有大量访问者时，您可能会受益于使用 PNGCrush 进一步压缩图像。您可以使用 FireFox 的 YSlow 插件来测试通过压缩图像可以节省多少带宽。
另外，如果您的设计允许，您可以使用 CSS 精灵。这可能会导致图像更少（但更大），因此请求更少，有时带宽也更少。但这并不取决于您使用的图像类型。
顺便说一句，IE 也支持 PNG。 IE 6 不支持 alpha 透明度，但有 CSS/Javascript 技巧可以解决这个问题，尽管它们不适用于背景图像。
我不会放弃使用 jpg。 jpg 对于图片来说非常有用。 Png 文件对于按钮、图形元素等小图像以及屏幕截图等具有大平面区域的图像很方便。
Which optimizations you use depends on the type of image. If your image contains only few colors, you might use png-8, otherwise you may need png-24. Same goes for the use of transparency/alpha blending.
The Photoshop save for web-feature does a fine job, but when your website has a lot of visitors, you may benefit from using PNGCrush for further compressing your images. You can use the YSlow plugin for FireFox to test how much bandwidth you can save by crushing your images.
Also, you can make use of CSS-sprites if your design allows it. This can result in less (but larger) images and therefore less requests and sometimes less bandwidth. But this doen't depend on the type of images you use.
Png is supported by IE, by the way. Only the alpha-transparency is not supported by IE 6, but there are CSS/Javascript trics to work around that, although they do not work for background images.
I wouldn't quit using jpg. Jpg is very useful when it comes to pictures. Png files are convenient for small images like buttons, graphical elements, and for images with large plain areas, like screenshots.