blocks|key|2841349|text|尝试输出与8位PNG相同的PNG，文件大小明显减少.|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2841350|步骤：|2841351|在Photoshop中打开PNG|unordered-list-item|2841352|文件>为Web和设备保存|2841353|从“预设”下拉列表中选择"PNG-8+128抖动“。|2841354|保存|2841355|将一幅31+to的图像缩小到10+to。|2841356|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|T|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|U|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|V|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|W|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|P|$]]

Tried exporting the same PNGs as 8-bit PNG and the filesize has reduced significantly.

Steps:

<ul>
<li>Open the PNG in Photoshop</li>
<li>File > Save for Web and Devices</li>
<li>Select "PNG-8 128 Dithered" from the "Preset" dropdown</li>
<li>Save</li>
</ul>

Reduced a 31kb image to 10kb.

blocks|key|2841401|text|这与PNG压缩的工作方式有关。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2841402|与JPEG不同，PNG是一种无损的格式，按位置排列，但不一定是按颜色排列的.|2841403|也就是说，当JPEG存储颜色从一个区域转换到另一个区域时，PNG逐像素存储数据像素，然后无损地压缩这些数据。|2841404|GIF和PNG之间的区别实际上来自于传统的约定--+GIF传统上被保存为8位，而后来出现的PNG通常被保存为32位(真颜色%2Balpha/透明度)。因此，32位图像每像素需要四倍多的未压缩数据，根据图像的具体情况，数据越详细，无损压缩的效果就越差。|2841405|因此，如果要将8位PNG与8位GIF进行比较，文件大小应该非常相似。同样适用于真彩色PNG和真彩色GIF。这解释了为什么选择8位选项将解决文件大小问题。否则，它实际上是一个压缩BMP。|2841406|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

This has to do with how PNG compression works.

Unlike JPEG, PNG is a lossless format, position-wise, but not necessarily color-wise.

That is - while JPEG stores transitioning of colors from one area to another, PNG stores the data pixel by pixel and then losslessly compresses this data.

The difference between GIF and PNG actually comes from traditional conventions -- GIF was traditionally saved as 8-bit whereas PNG, which came later, was often saved as 32-bit (true color + alpha/transparency). So, the 32-bit image will require four times as much uncompressed data per pixel, and depending on the specifics of the image, the more detailed the data, the worse it compresses losslessly.

Hence, if you were to compare a 8-bit PNG to a 8-bit GIF, the file sizes should be very similar. The same applies with true color PNG vs true color GIF. This explains why selecting the 8-bit option will solve the file size issue. Otherwise, it's effectively a compressed BMP.

blocks|key|2841343|text|你试过帕格乌特吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2841344|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/PNGOUT^0|3|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Have you tried <a href="http://en.wikipedia.org/wiki/PNGOUT" rel="noreferrer">PNGOUT</a>?

blocks|key|2841385|text|有几篇关于粉碎杂志的关于优化PNG图像的好文章，聪明的PNG优化技术和PNG优化指南:更多技术。这些关注于操作，您可以对源映像，以使他们更好地为PNG压缩机工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2841386|除此之外，我推荐一个像OptiPNG或帕格鲁什这样的工具。|2841387|entityMap|0|LINK|mutability|MUTABLE|url|http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/|1|http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/|2|http://optipng.sourceforge.net/|3|http://pmt.sourceforge.net/pngcrush/^0|O|A|0|Z|C|1|0|B|7|2|J|4|3|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]|$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|F|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]|R|$5|I|J|K|C|$L|S]]]]

There are a couple of good articles on Smashing Magazine about optimizing PNG images, <a href="http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/" rel="noreferrer">Clever PNG Optimizaiton Techniques</a> and <a href="http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/" rel="noreferrer">PNG Optimization Guide: More Techniques</a>. These focus on manipulations you can do to the source image to make them work better for PNG compressors.

Beyond that, I'd recommend a tool like <a href="http://optipng.sourceforge.net/" rel="noreferrer">OptiPNG</a> or <a href="http://pmt.sourceforge.net/pngcrush/" rel="noreferrer">PNGCRUSH</a>.

blocks|key|1317896|text|是的，你可以用平干使PNG变小60-70%25+.它有一个Mac+GUI。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1317897|它的工作方式是将RGBA转换为8位的PNG，但是，与Photoshop不同，它保留了alpha通道。|style|BOLD|1317898|entityMap|0|LINK|mutability|MUTABLE|url|http://pngquant.org/|1|http://pngmini.com/^0|7|2|0|R|7|1|0|M|2|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]|$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@$A|Z|B|10|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

Yes, you can make PNG 60-70% smaller with <a href="http://pngquant.org" rel="noreferrer">pngquant</a>. There's a <a href="http://pngmini.com" rel="noreferrer">Mac GUI</a> for it.

It works by converting RGBA PNG to 8-bit paletted PNG, but, unlike Photoshop, it keeps the alpha channel.

blocks|key|1188817|text|我们在最新的网站项目中遇到了类似的问题/问题，并通过PHP、.htaccess和Javascript开发了一个解决方案。我写了两篇关于理论(第1部分："shrinkImage+-一种将PNG图像的全α通道缩小约70-80%25的方法“。)和实际的jQuery插件(第2部分："shrinkImage继续-+jQuery插件和自动生成“)的文章。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1188818|如果您的问题的背景是使用在一个out服务器，它可能是一个选项，以检查它。|1188819|我们的解决方案的背景(简而言之)是将alpha通道与图像的其余部分分开，并将其保存为相当小的PNG，将颜色信息保存为带有可变压缩的JPEG格式，并将其作为JSON文件存储在我们的服务器上，该文件由jQuery插件通过HTML5画布请求和处理(如果支持的话，插件将优雅地回到原来的PNG上)。|1188820|希望这能帮助你或其他面临同样问题的人，即使这个问题很老:)|1188821|entityMap|0|LINK|mutability|MUTABLE|url|http://headers-already-sent.com/shrinkimage-1/|1|http://headers-already-sent.com/shrinkimage-2/^0|1Y|1A|0|3M|Z|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]|$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]]]

We faced similar problems/questions in most of our latest website projects and developed a solution via PHP, .htaccess and Javascript. I wrote two articles about the theory (<a href="http://headers-already-sent.com/shrinkimage-1/" rel="nofollow">part 1: "shrinkImage - A method to reduce the filesize of PNG-images with full alpha-channel by about 70-80%"</a>) and the practical jQuery plugin we ended up with (<a href="http://headers-already-sent.com/shrinkimage-2/" rel="nofollow">part 2: "shrinkImage continued - jQuery plugin and automatic generation"</a>).

If the background of your question is use on a webserver, it might be an option to check it out.

Background (in short) of our solution is to split the alpha channel from the rest of the image and save it as a rather small PNG, save the color information as JPEG with variable compression and store both as JSON file on our server which is requested and processed by the jQuery plugin via HTML5 Canvas (if supported, otherwise the plugin gracefully falls back to the original PNG).

Hope this helps you or anybody else facing the same problem, even though the question is rather old :)

blocks|key|2841512|text|它已经在一条评论中被引用了，但它应该得到自己的回答。刚刚下载了彭根特。这正是我所需要的，因为某个人真的不想学习命令行开关和PNG选项:一个简单、非常容易使用的Windows实用程序，您只需添加图像并单击按钮即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2841513|我从其他网站上得到的印象是，它不是世界上最快的工具，但这对我来说不是问题(一旦你得到了压缩的图像，你就被排序了)。|2841514|第一个文件从126+K减少到47k，这对我来说是可以的。|2841515|entityMap|0|LINK|mutability|MUTABLE|url|http://pnggauntlet.com/^0|V|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

It's already been referenced in a comment, but it deserves an answer of its own. Just downloaded <a href="http://pnggauntlet.com/" rel="nofollow">PNG Gauntlet</a>. It's just what I needed, as someone who really doesn't want to learn command line switches and PNG options: a simple, very easy-to-use Windows utility where you just add your images and click on a button.

I get the impression from reading other sites that it's not the world's fastest tool, but this isn't an issue for me (once you've got the compressed image, you're sorted).

First file was reduced from 126k to 47k, which will do for me.

Some PNG images although just 150px x 160px wide have 60KB filesize. I've already run them though optimizers (ImageOptim for Mac) but that didn't help much. 

Is there any way to compress it further, either manually or using some other tool? 60KB for a normal 150x160 image is really unacceptable and I can't use JPG or GIF there because I need transparency.

I tried exporting the PNGs as 8-bit PNG and the filesize has reduced significantly!

PNG Compression

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

一些PNG图像虽然只有150 px160 PNG宽，但有60 PNG的文件大小。我已经通过优化器(ImageOptim for Mac)运行了它们，但这并没有多大帮助。是否有任何方法进一步压缩它，无论是手动还是使用其他工具?60‘t的普通150x160图像是真的不能接受的，我不能使用JPG或GIF那里，因为我需要透明度。我试着将PNG导出为8位PNG，并且文件大小已经大大减少了！

问PNG压缩
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PNG压缩EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PNG压缩
EN