» 回到讨论区列表: 技术研习与探讨

本站上传图片方法和技巧

小花 2004/2/5 17:30:06

贴图是许多车友一直关心的问题...自己的作品如何才能忠实地在网上再现呢..
首先当然是需要有好的数码照片...
这个小花没有专门的经验...也不敢搬门弄斧...
但是数码照片的后期制作同样十分重要...

本文主要关注照片文件后期的剪裁..压缩等一系列问题站开..

首先我们来看一下本站关于图片的一些限制..

普通用户: 每天上传10张, 每张小于100K Byte
高级用户: 每天上传50张, 每张小于200K Byte

我想最关心以上问题的应该算是普通车友了...
为什么本站设置的上传限制是100K...100K的文件到底能上传些什么?

请看下面这两张图片:

1. 数码相机的原始图象..拍摄后直接下载到电脑中
文件分辨率: 640*512
文件大小: 259,976 Byte 合254K Byte (1K Byte = 1024 Byte)

2. 经过软件压缩后的图象
文件分辨率: 640*512
文件大小: 49,950 Byte 合49K Byte

可以看出..以上两张图片虽然前者的大小是后者的5倍..
但是在表现力度和细节描写上..并没有如此悬殊的差距...
而前者巨达254K Byte..是不能被本站接受的...
后者虽然尺寸缩水严重...但是效果其实并不差...

可以参考的例子还有:
小鄭的早期飛魚車
 小鄭馬達理論.....軸心飽和度篇
 三輪軌道車聖經......重心理論篇

其中的图片大小均不超过50K Byte..
但是对于说明问题..或是展示作品..均已足够...
而一些活动照片...考虑到可能因为细节较多...限制到100K也应该足够..

下面..小花围绕如何制作适合本站上传的图片这一主题..
介绍以下数码图片的相关处理技巧..
[此贴子已经被FlowJZH于2005-6-29 14:17:44编辑过]

图片的压缩

FlowJZH 2004/2/5 23:12:20

要完成以上神奇"减肥"效果..靠的是图片的"压缩"..
为什么可以压缩...因为数码相机拍摄的原始信息中包含了许多冗余信息...
这些信息就算再完善...我们的肉眼也无法分辨...
因此可以通过压缩工具软件...把图片中多余的信息除去...

首先介绍一下图片压缩的软件...
目前市面上有许多软件都支持图片的压缩功能...
但是考虑到后面要介绍到的诸多功能..
小花在这里推荐两款比较合适的软件:

1. Macromedia Fireworks 系列
公司网址: http://www.macromedia.com
这个系列的软件是为处理网页上的图片度身定造的...
有人说和photoshop比起来它是垃圾...但是小花比较偏爱..
毕竟用处不同...个有所长..
尤其是其专门针对网页图片发布所定制的压缩算法..
小花个人认为比起photoshop有过之而无不及...

2. Adobe Photoshop 系列
公司网址: http://www.adobe.com
比较专业级的图象处理软件...功能强大...
对于一些数码相片的后期处理工作...还是它的功能比较强大些..

对于工具的选择可以根据自己的喜好...
不过以上两款工具都不是免费的..大家如果有需要可以去地摊购买..

下面小花抛砖引玉...以Fireworks MX为例..介绍对于图片的压缩...
如有需要此软件可以看这个帖子: 压缩图片的软件

a. 软件的启动界面

b. 打开文件:
按Ctrl+O弹出打开文件的窗口...选择需要压缩的文件:

c. 按照一下标识的操作步骤:

1. 点Preview..这个时候画面出现的是最后实际的输出效果
2. 对于大的色彩丰富的图, 比如照片, 选择输出为: JPEG - Better Quality
对于小的图, 比如头像, 选择输出为: GIF WebSnap 128
3. 具体调整输出质量..
4. 查看输出图片大小..
5. 查看图片质量是否压缩过量或者还有压缩余地..

以上3, 4, 5步骤应该交替进行以保证在不失真的情况下..
尽量地减小图片的尺寸...以符合本站上传大小的要求...
如果不是特别复杂的图片...一般来说都可以在保证清晰的情况下压缩到50K以内...

d. 输出图片:
点击画面中任何部位(这一点很重要..一定要点)..
然后依次按住Ctrl+Shift+R..弹出输出窗口..
起一个适当的名字后按"保存"..即可

说了以上那么多..也不晓得大家是不是明白了..
有人可能觉得没有必要那么烦琐..
压缩图片以及后面要讲到的一系列对于图片的编辑..
小花以为..应该是一个有道德的网民所必须掌握的..
因为再大的网站空间..如果在这种地方没有节制...很快也就被垃圾充斥..
还有就是现在还有很多用小猫上网的车友...
5张200K的图足够让他们等上几分钟...浪费别人的生命:)
所以小花在这里极力提倡大家对自己的图片多下工夫..为了自己..也为了大家..
[此贴子已经被作者于2004-2-13 19:37:04编辑过]

图片的剪取

FlowJZH 2004/2/10 17:07:41

可能按照上面的步骤操作以后..还是觉得图片太大..
那么...我们就需要从其他地方来想办法了...

首先应该想到的...可以是图片的剪裁..
看一下你的图片中..除了你想展示的部分...是不是还包含了多余的部分..

例如在上面的例子中..你所想展示的..
仅仅是兰色透明区域内的后翼总成...

如果是这样..应该把兰色区域内的部分单独剪取出来..
这么做不但可以突出问题...而且也可以缩小图片体积..

至于做法..下面介绍...
同样..以Fireworks为例:

1. 选择"Crop Tool";
2. 在所需要剪取的区域拉出一个矩形框;
3. 调整横向锚点到合适位置;
4. 调整纵向锚点到合适位置;

以上调整原则..以把需要展示部分放入矩形框内为准..
觉得调整到合适大小后...按回车键...所需图象既被剪取下来..

恭喜你...剪取工作完成..
可以按照图片的压缩一文中提到的方法...输出结果..

水印的制作

FlowJZH 2004/2/10 18:40:04

为了不让你精心制作的图片被任意利用..甚至是被盗用...
我们建议你为你的图片打上水印...

首先解释一下什么是水印..这是一种保护知识产权的手段..
比如下面这张图:

其中有淡淡的透明的"mini4wd.org"字样...
这样可以表明这张图片的出处...知道这张图片的主人是谁...

下面就介绍一下如何制作水印..以Fireworks为例

a. 首先..你需要做一个水印的文件...
按Ctrl+N..弹出新建文件的对话框..按照下面的方式填写:

b. 然后输入合适的文字..作为你的水印标记...

1. 选择"Text Tool"工具..这个工具是用来输入文字的...
2. 选择合适的字体..
3. 选择合适的字体大小..
4. 在刚才新建的图片中输入文字..
这里要注意..如果想要输入中文..
请先切换输入法..再点击图片输入...

c. 把输入的文字水印化:

1. 选"Pointer Tool"..这时文字周围出现兰色锚点..
这个时候..按Ctrl+Shift+P..把刚才的文字变成路径..
2. 选用合适的填充颜色..
3. 选用合适的填充材质和深度..
4. 选用合适的边框颜色...
5. 把文字的透明度适当调整...让其产生透明效果...

这样...一个水印文件就完成了...
按Ctrl+s保存文件...供以后使用...

d. 给你的图片打上水印:
1. 选择"Pointer Tool"以保证其后的操作都是用此工具..
2. 打开水印文件..
3. 打开所要发表的图片..可以按照以上文章的内容进行剪取...
4. 用"Pointer Tool"选取水印内容..并拖动到目标位置..
5. 在"Pointer Tool"选中水印内容的情况下..重新调整水印的透明度到适当大小..

恭喜你...你的图片已经是带有你自己标志的图片了..
按照上面所说的方式压缩...输出图片即可...

对于水印...还有一些需要注意的地方:
1. 我们仅仅鼓励对于自己原创的图片加水印...反对把别人的图片打上自己的水印..
2. 打水印的位置请尽量在图片的关键部分..以防止其他人剪取图片去掉水印后使用...
3. 对于希望本站保留的图片...请打上本站的水印..
我们提供本站已经制作好的水印文件..打水印的步骤只要从以上d处开始即可..
4. 本站可免费为玩家制作具有自己个性标志的水印..如有需要者请联系小花..

点以下连接下载本站水印文件:
[upload=rar]viewfile.asp?ID=105[/upload]
[此贴子已经被作者于2004-2-10 19:17:00编辑过]