網頁瘦身自己來 作者：小竹 前言： 有聽過HTML (Un)Compress這套軟體吧?它就是可以幫你把網頁裡不必要的文字和空白，讓你的網頁最多可以瘦下約20%左右，沒錯，的確是可以瘦身，但從筆者使用該軟體後，發現瘦了身後用瀏覽器看過網頁時會怪怪的，而且有時候看完網頁到最後一行的時候，會出現一個很奇怪的字，該字不一定是什麼，反正就是會自己冒出來，但或多或少會影響整個網頁的美觀性。 不過沒關係，用自己的方來瘦身吧，而且這算是很安全沒有問題的方式，你的網站希望網友來參觀時不想讓對方浪費無謂的傳輸時間（但如果對方是用 Cable Modem 就免了^_^），不想讓網友因為你的網站首頁太大而一走了之的話，試試我的方法吧，下面所寫的或許對你有所幫助。 準備工具： UltraEdit-32 超強的文字編輯器。 這裡所舉的工具只能算是「其中一種」，也就是說「不止這一種」，等一下先看看下面的教學之後您大概就可以知道了。 要介紹的瘦身法大概有二種，文字的刪除與GIF圖檔減肥法。 先講如何去把網頁文字檔減肥法吧，方法如下： 打開UltraEdit，並開啟一個網頁檔(.htm)或(.html)，先假設打來文字如下：
此文字檔是用IE瀏覽器所附的網頁編輯器存檔後文字所排列的樣子，現在我要將它們全部都「擠在一起」，也就是把全部的空白刪除掉，把部份的換行也一併刪掉。 有沒有發現<tr>的標籤左邊有一些空白，那就是在畫表格存檔的時候電腦幫我們空出來的，現在我要將它們消失掉，現在，先選取table下面那個<tr>右邊那個">"(大於的符號然後拖曳到下一行第0個字，也就是下一行不要選取，只選取之前一行的">"符號就好，如下圖：
按著，只要按下右邊「全部取代」的按鈕，這些段落就會通通消失不見。 記住左圖那「取代成為」的輸入框裡要打入">"記號。至於取代的範圍裡「所有開啟的檔案」這對於一次處理多檔時特別好用！ 再來就是刪除一些不必要的空白，（如果你是用記事本寫的這段可跳過）剛才刪除了段落以後，是不是發現文字都已擠成一團了呢？剩下的只是之前存檔時表格標籤旁邊所留下來的空白，下一個動作是，把其中一個標籤旁的兩格空白選取起來如下圖：
同樣的，按功能表「搜尋」->「取代」-> 「全部取代」就可以了。 嗯...有沒有發現文字已全部都集中了，但是，瀏覽這個檔案不會有任何問題嗎？我可以告訴你，一定不會有任何的問題，反倒是你的表格如果愈多，到時省得愈多，尤其是表格內再畫個表格，那空格可能就會很多了，多的話甚至可以減少超過 30% 的檔案大小，比如 30k 變 20k ，厲害吧！^_^ 小秘訣：你可以一次開很多個檔案做一次處理，這對網頁處理很多的檔案的時候特別有用！只要在檔案總管一次選很多檔然後按滑鼠右鍵選擇「編輯」就行啦！ 再來就是告訴你如何將圖檔減肥，一般的GIF檔大約可以減少 10 % 甚至到 70%的檔案大小都有可能，而且影像不失真喔！方法如下： 開啟Animation SmartSaver，然後選取頁籤上的「選項」頁籤： 接著選擇「減少色彩以取得較佳的壓縮結果」最大的色彩選 128 就可以了，因為我們不是要處理像照片那個精緻的圖片（照片通常都是存成 JPG ），通常是看不出來的：如下圖：
上一圖我已經壓縮過了，色彩是 128 色，看不出來吧！:P 接一來切換到「目標」頁籤，選取「取代原本檔案」。 最後切換到「來源」頁籤，這時候看你是要一次壓縮一個資料夾所有圖檔還是只針對單一圖檔，我的建議是要壓縮的檔全部放同一個資料夾會比較快，反正執行壓縮很快又花不了什麼時間，選擇好後按下「開始」鈕，完成後就會看到整個壓縮報告了。 結語： 雖然說有人已經開始在用 Cable Modem，但大多數人還是以 Modem 甚至以33K的速度在下傳網頁，壓縮後除了多多少少可以縮短傳輸時間，上傳網頁時，空間也比較不必擔心不足的問題。壓縮很多的網頁，積少會成多，省下來不知還可以放些什麼東西說..:p P.S 壓縮圖檔的其他繪圖軟體 -> Photoshop、Paint shop pro。 對本教學有任何批評指教歡迎寫信給我。 若要轉載前請先以E-mail告知謝謝！^_^ 小竹的補給站 E-mail: |
接著使用功能表「搜尋」->
「取代」（我這個是有中文化的:P）
