大家都有體會：過的大圖片上傳時經(jīng)常受阻，勉強上傳了寬、高值卻發(fā)生變化，同時在博客里打開也是較慢的，如果我們把它切割成多張小圖，這樣不僅容易上傳，而且打開速度也很快！對此，我就如何將圖片切割  成多張小圖、無間隙拼合  、添加漂亮的透明flash  等技術作一簡要介紹，希望對你學做音畫有所幫助。

 （方法步驟并不復雜，看一遍你就會做了）

一、圖片的切割：

1、啟動ps軟件，打開你做好的一張大圖或從網(wǎng)上下載的漂亮大圖。

2、選擇“切片選取工具”。點擊“劃分切片”

3、右鍵圖片后選取“劃分切片”。

4、在話框中根據(jù)圖片的具體情況進行設置，我這里是水平劃分3等分。

4、點文件→存儲為web所有格式（w）

5、在“存儲為web所有格式”對話中設置如圖，設置好后點存儲。

雙擊打開存儲的切片圖片文件夾（我存儲的路徑在我的圖片收藏）圖片狀況：

 如將切片圖片上傳到博客后，如直接復制到日發(fā)表則上下兩張圖片間會有間隙：

那么怎樣解決圖片的間隙問題 ？ 我們可借助代碼來給它無間隙拼合！

二、基本代碼的應用：

<P align=center>
<TABLE  border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR height=第1張圖片高度>
<TD width=第1張圖片寬度    background=第1張圖片地址>

</TD></TR>

<TR height=第2張圖片高度>
<TD width=第2張圖片寬度    background=第2張圖片地址>

</TD></TR>

<TR height=第3張圖片高度>
<TD width=第3張圖片寬度    background=第3張圖片地址>

</TBODY></TABLE></P>

代碼說明：

       本例是五張圖片，所以代碼中間是五段“<TR >.......</TD></TR>”一樣的代碼，根據(jù)你自己的需要，切割成多少份就用多少段這樣的代碼，代碼中的“圖片地址”“圖片寬度”“圖片高度”分別右鍵圖片→屬性從中獲取地址、寬度、高度，然后分別替代到上面代碼對應位置。

無間隙拼合的效果：

<P align="center" >  <TABLE cellSpacing="0" cellPadding="0" align="center" border="0" >  <TBODY>  <TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_10.gif" >  <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_11.gif" > <P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<TR height="315" >  <TD width="630" background="http://image94.360doc.com/DownloadImg/2016/02/1522/66092299_12.jpg" ><P align="center" ><EMBED style="MARGIN: 5px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://tmflash./flashxuexi/QQ249181841-591.swf width=600 height=251 type=application/x-shockwave-flash allowscriptaccess="never" quality="high" wmode="transparent"></EMBED></P>
</TD></TR> 

<BGSOUND balance="0" src="mp3地址"  volume="0" loop="infinite" >
</TD></TR> </TABLE> 

至此大圖音畫完工!
（下面是我加上“李玲玉 - 孝莊秘史 - 美人吟 電視劇 主題曲”音樂的效果）