【ＰＳ】轉存透明圖片-PNG-24格式

千燁Chiaki

<相關的教學>
初階版的教學：圖片壓縮解說及壓縮格式的介紹請看此/條紋1000(?)


以下的教學都是使用PHOTOSHOP

Step1> 確定你的圖片已經去背，並且檢查是否有雜點
請看小口的教學：檢查上色圖層/JIO

Step2> 關掉背景圖層，灰色格子代表背景透明

Step3> 檔案>儲存為網頁用 ( 快速鍵 alt+shift+ctrl+s )
選擇PNG-24格式，勾選透明

Step3> 儲存完成

*感謝下面的補充：IE6對PNG-24支援性不佳，在瀏覽的時候還是會有底圖

[ 本文最後由 千燁Chiaki 於 08-5-21 10:28 AM 編輯 ]

千燁Chiaki

比較一樣可以存透明背景的GIF格式與PNG-24的差別

<PNG-24加陰影>
即使是陰影的半透明區域也可以存的很漂亮
檔案大小：12.8KB

<GIF加陰影>陰影的半透明區域會變成白邊，無法儲存半透明
檔案大小：7.91KB(256色時)

<PNG-24未加陰影>
透明區域還是乾淨漂亮
檔案大小：8.49KB

<GIF未加陰影>
會有白色雜邊，需要再處理過
(這問題我一直無法快速解決，只能重新修邊…有人能回答我嗎?)
檔案大小：5.45KB(256色時)

小無36

如聲望回覆中bxy說言，ie6和ie7支援情況不同～

左邊ie6　　　　　　　　　　　　　　　　　右邊ie7

問題是很多人瀏覽器環境依然是舊版（也怪危卵風評不佳讓使用者不敢更新XD）
當最近我發現身邊朋友都是IE6，就決定放棄使用PNG半透明在網頁上了XD（我是IE7）
不知道何謂IE6、IE7的朋友通常是IE6，更別說火狐XD|||


GIF鋸齒邊，因為檔案類型本身支援不足的問題
相對於PNG-24（1像素(px)24位元(bit)），那GIF可稱為GIF-1囉 (!?)
似乎只能在存檔時使用「邊緣調和」，選擇和目的背景相似的顏色矇混...(ex.下圖右邊)

GIF／顏色128／邊緣調和#303030，不過也僅限於在鐵傲底色看不到鋸齒邊啦XD

說實在，我是第一次用儲存為網頁用呢XD

[ 本文最後由 小無36 於 08-5-18 07:43 AM 編輯 ]

千燁Chiaki

感謝小無的補充XD

不過上面的處理方式不是真正的讓白邊被去掉說…
如果我要把圖片放在花色背景上，或是FLASH上的話，就被識破了哩

千燁Chiaki

火哥教我 GIF不會有白邊的解決方法了
分享給大家

將邊緣調合設成-無

<GIF設定邊緣調合-預設值>
會有白色雜邊，需要再處理過

<GIF設定邊緣調合-無>
邊緣乾淨，沒有白點

[ 本文最後由 千燁Chiaki 於 08-5-21 10:29 AM 編輯 ]