Movie Castle

这就嚣张了...还没到提升篇呢!

第二课: 博客素材的处理

　　我很关注页面内容的体积,为了使页面更快加载, 所用图片尽量降低质量,MP3试听则尽量降低其比特率,当然,这一切均以可看可听的原则之上.拿个具体例子来解释下更好些吧,拿抛GG早先的一篇[花天走地]音乐系列文章做例子,原文在此,素材为一张28.53kb的图片,一首大小为3436kb的MP3.

一. 图片的处理

　　运行Fireworks绿色精简版,在里面选择打开一个文件,选择原图.

1. 图片裁剪 使用裁剪工具任意选择需要的部分吧~

红色所示即强大的裁剪工具.

2. 尺寸修正 菜单->修改->画布->图像大小,CD封面我选择高度为180-200px,抛你也可以参照这个尺寸.

这个操作等同于Photoshop...

3. 图片优化 如下1图所示,点击2幅图模式,这样就可以边调节右图质量边和原图做对比了. 然后按F6调出优化窗口.

4幅就不用了,一般就选择2幅.

品质这一栏随便你填,建议60-80.

4. 另存输出 我是以一半大小的JPG图片输出,当然抛GG你也可以以PNG输出,都没关系.

二. 音频文件的处理

　　首先是查看当前音频文件的比特率.这个很简单,鼠标右键点选属性->摘要->高级,看到如下信息:

　　当前音频文件的比特率为128kbps,音质已经相当一般了,192kbps / 320kbps比较常见,音质也能满足大部分听友的需求了. 我平时听的是APE,FLAC...比特率基本在700kbps左右,别哗然,这是牺牲了体积为代价的,一般转刻为CD后即删除,毫不犹豫^^' 继续往下说...

　　这个音频文件既然是128kbps,那还有没有压缩的空间呢? 人耳能接受的极限是多少呢? 我尝试过,80kbps左右的MP3也是能听的,只要你不是完美主义者. 所以我们有了两个选择,96kbps或者80kbps,具体选择哪个,抛GG你自己尝试下就明白了.

1. 打开文件

点击红色部分选择音频文件,只能是MP3或者WAV.

2. 选取全部(这里不讨论选取部分的情况,一般是自己做手机铃声时才会用到)

红色为选取整曲,黄色为准备输出.

3. 选择参数,输出

选择比特率到80或者96,其他不必动了

128->80kbps基本上能减少30%体积.

　　到这里为止,这篇[华天走地]之《Wonderful World》的素材就准备好了. 抛GG,这两个工具你需要熟练掌握.

1. 

   wings said in 2008.08.12 22:58:

   1

   Notify him/her?

   
   

   faint, totally have no idea.........

   [回复]

   Yacca reply in 2008.08.13 10:00:

   Notify him/her?

   
   

   嗯 很好...你可以尝试全英文沙发. 帮助提高下我的e文常用语阅读吧~
2. 

   ddkk3000 said in 2008.08.12 23:48:

   2

   Notify him/her?

   
   

   要这么复杂吗？

   [回复]
3. 

   disinfeqt said in 2008.08.12 23:56:

   3

   Notify him/her?

   
   

   这些文章...隐藏起来吧...
   4GB的WAVE下过么...
   我80G的iPod常年爆满...
   .......................

   [回复]

   Yacca reply in 2008.08.13 10:03:

   Notify him/her?

   
   

   4GB的wave和128kbps的mp3 对你而言 有大的区别么?
   ape flac wv ogg都是可以还原至wave然后刻录cd的...不用ipod的人飘过
4. 

   小熊 said in 2008.08.13 0:34:

   4

   Notify him/her?

   
   

   是有点看不懂呀！

   [回复]
5. 

   homer said in 2008.08.13 9:28:

   5

   Notify him/her?

   
   

   我也有点看不懂呀。。。

   [回复]

   Yacca reply in 2008.08.13 10:14:

   Notify him/her?

   
   

   如果文章内图片用缩略图,链接图片来自于别站,且不用在线mp3播放功能的...此文章掠过...
6. 

   freesky said in 2008.08.13 14:53:

   6

   Notify him/her?

   
   

   一块学习了！

   [回复]

   Yacca reply in 2008.08.13 16:37:

   Notify him/her?

   
   

   有什么问题可以提出来一起研究下...
7. 

   行者自若 said in 2008.08.13 15:47:

   7

   Notify him/her?

   
   

   这些图片都哪里找来的，好经典哈~

   [回复]

   Yacca reply in 2008.08.13 16:36:

   Notify him/her?

   
   

   平日里自己慢慢收集的哇...嘿嘿
8. 

   Poshi said in 2008.08.13 18:45:

   8

   Notify him/her?

   
   

   天哪，音频的就不必要吧？好像不是很多人写音乐博客的~~~

   [回复]

   Yacca reply in 2008.08.14 12:36:

   Notify him/her?

   
   

   我这里的抛GG准备写一百篇《花天走地》系列音乐文章...
9. 

   篮球博客 said in 2008.08.13 22:00:

   9

   Notify him/her?

   
   

   哈哈，开始教学了。。。

   [回复]

   Yacca reply in 2008.08.15 23:11:

   Notify him/her?

   
   

   启蒙教材而已...见笑了.
10. 

    睡到自然醒blog said in 2008.08.15 1:09:

    10

    Notify him/her?

    
    

    一起扫盲学习:)

    [回复]

    Yacca reply in 2008.08.15 23:12:

    Notify him/her?

    
    

    希望对你有所帮助闹
11. 

    凯尔 said in 2008.08.15 15:56:

    11

    Notify him/her?

    
    

    还是用Photoshop，直接ctrl+shift+alt+s，选择要保存的格式，就可以直接点保存了，很傻瓜，而且比压缩比和效果很好。

    图片大小根据博客的主题而定，原图太大，可以用缩略图，用Lightbox或者Thickbox放大。

    除非是要时间截取，改比特率，偶直接用偷懒地千千静听转换了，很快……

    [回复]

    Yacca reply in 2008.08.15 23:14:

    Notify him/her?

    
    

    厄...ctrl+shift+alt+s...记下了
    我去卸了cs3 换ps8算了,cs3跑的慢死了.

    另:Lightbox这一类的插件我是不愿意用的...
12. 

    凯尔 said in 2008.08.16 1:23:

    12

    Notify him/her?

    
    

    其实WP自带的JS里，就有thickbox的效果，就如同后台的Theme预览一样，要启用也很容易，只要引用jquery.js和thickbox.js（一共只有40多K），然后给需要的图片或者链接加上.thickbox的类就可以了。

    lightbox 2.0很讨厌，不知道它会给你什么图片绑定上效果，刚在本地上测试了下就删了。

    甚至可以框架调用，实现前台的主题预览的效果。

    我很讨厌用乱七八糟的插件，不想被插件牵着鼻子走，到现在就用了个防垃圾留言。

    要什么效果，还不如花点时间自己写好了

    [回复]

    Yacca reply in 2008.08.17 10:56:

    Notify him/her?

    
    

    thickbox原来就是那个主题预览调用的js...厄 那果然lightbox没意义了...