【工具技巧】【ＰＳ】轉存透明圖片-PNG-24格式

[複製連結] 檢視: 30707|回覆: 4

千燁Chiaki

無名的勇者

狸小路。千人斬

電梯直達

1^#

發表於 08-5-17 11:42:25 |只看該作者 |降序瀏覽大字中字小字正體化简体化

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

以下的教學都是使用PHOTOSHOP

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

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

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

Step3> 儲存完成
PNG儲存教學2.png

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

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

轉播0 分享0 收藏0

回覆使用道具檢舉

千燁Chiaki

無名的勇者

狸小路。千人斬

2^#

發表於 08-5-17 11:54:01 |只看該作者大字中字小字正體化简体化載入全部圖片

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

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

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

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

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

回覆使用道具檢舉

小無36

名望的騎士

3^#

發表於 08-5-18 06:01:37 |只看該作者大字中字小字正體化简体化載入全部圖片

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

左邊ie6　　　　　　　　　　　　　　　　　右邊ie7
ie6 vs ie7.jpg

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

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