IsaacZ 发表于 2010-1-1 17:17:42

【论坛使用教程】点拨论坛上传图片的保存格式建议!

建议如下,切记切记:




[*]如果是电脑程序操作窗口截图,画面上一般有较大面积的同色区域,此时建议用.png格式或.gif格式。同样用于同色区域较多的情况,两者的差别是:
用 .png 格式保存,多用于窗口截图上存在大片同色区域的情况,可以同时保证较小的体积和最好的画面质量。(见1楼和2楼)
用 .gif 格式保存,多用于窗口截图上内容比较乱的情况,像DOS窗口、文字网页等内容,有较多的文字或线条,使得页面上同色区域不齐整、不够大。此时图像质量虽然还是没有 .png 格式好,但却可获得更小的体积。(见6楼和7楼:测试图片2)
[*]如果是实拍的人物照片、风景图片,或者影片视频截图,由于是来自于真实世界,画面色彩梯度变化较大,此时请用.jpg格式保存,可以获得最好的色彩渐变(过渡)效果。(见8楼和9楼:测试图片3)
原理篇:Web图像谁领风骚?GIF,JPEG(JPG),还是PNG?

IsaacZ补充(2011-8-12): 以下所有楼层的上传测试基于 GD 图像处理库,这是原来论坛使用的图像处理库,效果较差。从去年11月份起,论坛服务器安装了 ImageMagick 图像处理库,完全解决了图片上传后失真体积变大的问题(不论是否添加水印)。因此这里做最终建议:实拍照片或者是视频截图的话用 JPG 格式,其他一律用 GIF 格式来保存和上传。

注意:尽量用截图工具截图,QQ截图只能保存成 JPG 格式。
也可以考虑用图片转换工具将 JPG 转换成 GIF,一样达到质量好体积小的目的。

最新测试(2011-8-12)体积比较:



见附件最后4图。


相关帖子:
[教程] 怎样截取整个屏幕或屏幕上的一个区域并保存为图片(怎样截图)
FotoBatch(魔法转换) 5.1.3.0818┊破解版┊强大的图像批量转换 批量处理软件
[教程] 怎样往论坛发图 / 怎样发图


下面是使用GD库时的测试图片1(程序窗口截图、中心区域有大面积同色区块)

未添加论坛水印版:
同样清晰度,不添加水印的话,PNG格式的体积最小。
GIF体积略大一点,质量相似。
JPG格式最大,并且图片上如有字,字旁边会有小杂点。(添加水印的测试见2楼。)





IsaacZ 发表于 2010-1-1 17:20:28

本帖最后由 IsaacZ 于 2010-1-1 17:42 编辑

添加论坛LOGO水印后,仍然是 PNG 格式体积最小而且最清晰;jpg格式的体积与1楼变化不大;GIF图片体积剧增,且画面明显变得粗糙。

窗外的雨 发表于 2010-1-1 19:39:39

谢谢楼主的提醒,以后就改PNG格式吧,不过对于这个格式还比较陌生,还得熟悉下。

IsaacZ 发表于 2010-1-1 21:18:27

本帖最后由 IsaacZ 于 2011-8-12 16:56 编辑

IsaacZ以前只知道GIF格式最小,但最近才发现使用网页插件添加了水印后,GIF格式有非常大的失真。还须谢谢你提出的关于图片上传的问题。

2011-8-12补充:论坛现在使用了 ImageMagick 图像处理库,任何图片上传后不再失真,并可保持图像体积不变。只要不是实拍照片或者是视频截图,仍然建议大家用 GIF 格式来保存和上传。

尽量用工具截图,QQ截图只能保存成 JPG 格式。
也可以考虑用图片工具将 JPG 转换成 GIF,一样达到质量好体积小的目的。


98110099 发表于 2010-1-3 10:39:27

学习了
希望可以和大家交流!

IsaacZ 发表于 2010-1-4 19:50:39

本帖最后由 IsaacZ 于 2010-1-4 20:04 编辑

上传测试图片2(DOS窗口,颜色简单,同色区域被大量文字碎断)

一、无水印,质量相似,.GIF 格式胜出:

IsaacZ 发表于 2010-1-4 19:51:44

本帖最后由 IsaacZ 于 2010-1-4 20:04 编辑

二、有水印,质量相似,仍是 .gif 格式胜出:

IsaacZ 发表于 2010-1-4 20:12:31

测试图片3(风景图)

未添加论坛水印版:

.jpg 格式不论在质量还是体积上均胜出。
.gif 格式只支持256色,体积居中,但质量惨不忍睹!
.png 格式色彩倒是够了,但是体积庞大。

IsaacZ 发表于 2010-1-4 20:14:00

本帖最后由 IsaacZ 于 2010-1-4 20:20 编辑

添加了论坛水印版,仍然是 .jpg 胜出:

窗外的雨 发表于 2010-1-6 14:25:59

谢谢啦。
页: [1] 2
查看完整版本: 【论坛使用教程】点拨论坛上传图片的保存格式建议!