如何减少渐变PNG的文件大小? [英] How to reduce filesize of gradient PNG?

问题描述

我正在尝试在网页上创建背景图像，该图像类似于不倒翁上使用的404页面...

I am trying to create a background image on a webpage, which is similar to the 404 page used on tumbler...

http://testing404image.tumblr.com/

在这里我们可以看到一个PNG，它是1623 * 1064像素，但在梯度上看起来相当平滑. 图片的直接链接是 http://testing404image.tumblr.com/images/status_bg.png?2

Here we can see a PNG which is 1623*1064 pixels, yet appears reasonably smooth gradient wise. The direct link for the image is http://testing404image.tumblr.com/images/status_bg.png?2

当我尝试在Mac版的Photoshop CS4中创建相似的PNG(不同的颜色，但大小相同)时，生成的文件最终以> 400k结束，而翻转杯为90k

When I try to create a similar PNG (different colors, but same size) in Photoshop CS4 for Mac, the resulting file ends up at > 400k, whereas tumblers is 90k

我曾尝试使用所有Photoshop选项，包括将颜色数量减少到55种，但无法获得低于240k的图像.

Ive tried playing with all Photoshop options, including reducing number of colors to 55, but I cannot get the image below ~240k.

我也尝试了各种优化工具，例如ImageOptim(http://imageoptim.com/)，但无济于事.

Ive also tried various optimising tools such as ImageOptim (http://imageoptim.com/) but to no avail.

此PNG是否有任何属性导致文件大小如此之小? 我尝试使用JPG，认为它更适合用于渐变图像，但是即使100％质量的JPG也会导致明显的锯齿，而相同的内容/大小的PNG则没有.

Are there any properties of this PNG which result in a such a low file size? I tried using JPG, thinking its better suited to gradient images, but even a 100% quality JPG resulted in noticeable aliasing, which an identical content/size PNG didnt have.

谢谢您的建议

推荐答案

您好，

图像>调整>色相/饱和度-在Photoshop CS4中

Image > Adjustments > Hue/Saturation - In Photoshop CS4

这是结果:

您会看到它的大小几乎相同(75k).

as you can see it's almost the same size (75k).

尝试在

图片>调整

Image > Adjustments

获得所需的颜色，并以NONE格式另存为png.

to get the color you are looking for and save as png with NONE for interlace.

这篇关于如何减少渐变PNG的文件大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！