我正在尝试在网页上创建背景图像,该图像类似于不倒翁上使用的404页面...
I am trying to create a background image on a webpage, which is similar to the 404 page used on tumbler...
testing404image.tumblr/
在这里我们可以看到一个PNG,它是1623 * 1064像素,但在梯度上看起来相当平滑. 图片的直接链接是 testing404image.tumblr/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 testing404image.tumblr/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(imageoptim/),但无济于事.
Ive also tried various optimising tools such as ImageOptim (imageoptim/) 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的文件大小?
发布评论