鐵之狂傲
標題:
【PS】轉存透明圖片-PNG-24格式
[列印本頁]
作者:
千燁Chiaki
時間:
08-5-17 11:42
標題:
【PS】轉存透明圖片-PNG-24格式
<相關的教學>
初階版的教學:
圖片壓縮解說及壓縮格式的介紹請看此
/條紋1000(?)
以下的教學都是使用PHOTOSHOP
Step1>
確定你的圖片已經去背,並且檢查是否有雜點
請看小口的教學:
檢查上色圖層
/JIO
Step2>
關掉背景圖層,灰色格子代表背景透明
08-5-17 11:42 上傳
下載附件 (點選圖片檢視原圖)
(104.51 KB)
Step3>
檔案>儲存為網頁用 ( 快速鍵 alt+shift+ctrl+s )
選擇PNG-24格式,勾選透明
08-5-17 11:42 上傳
下載附件 (點選圖片檢視原圖)
(150.23 KB)
Step3>
儲存完成
08-5-17 11:42 上傳
下載附件 (點選圖片檢視原圖)
(148.09 KB)
*感謝下面的補充:IE6對PNG-24支援性不佳,在瀏覽的時候還是會有底圖
[
本文最後由 千燁Chiaki 於 08-5-21 10:28 AM 編輯
]
作者:
千燁Chiaki
時間:
08-5-17 11:54
比較一樣可以存透明背景的GIF格式與PNG-24的差別
<PNG-24加陰影>
即使是陰影的半透明區域也可以存的很漂亮
檔案大小:12.8KB
08-5-17 11:54 上傳
下載附件 (點選圖片檢視原圖)
(12.8 KB)
<GIF加陰影>
陰影的半透明區域會變成白邊,無法儲存半透明
檔案大小:7.91KB(256色時)
08-5-17 11:54 上傳
下載附件 (點選圖片檢視原圖)
(7.92 KB)
<PNG-24未加陰影>
透明區域還是乾淨漂亮
檔案大小:8.49KB
08-5-17 11:54 上傳
下載附件 (點選圖片檢視原圖)
(8.49 KB)
<GIF未加陰影>
會有白色雜邊,需要再處理過
(這問題我一直無法快速解決,只能重新修邊…有人能回答我嗎?)
檔案大小:5.45KB(256色時)
08-5-17 11:54 上傳
下載附件 (點選圖片檢視原圖)
(5.46 KB)
作者:
小無36
時間:
08-5-18 06:01
如聲望回覆中bxy說言,ie6和ie7支援情況不同~
左邊ie6 右邊ie7
08-5-18 06:01 上傳
下載附件 (點選圖片檢視原圖)
(119.84 KB)
問題是很多人瀏覽器環境依然是舊版(也怪危卵風評不佳讓使用者不敢更新XD)
當最近我發現身邊朋友都是IE6,就決定放棄使用
PNG半透明
在網頁上了XD(我是IE7)
不知道何謂IE6、IE7的朋友通常是IE6,更別說火狐XD|||
GIF鋸齒邊
,因為檔案類型本身支援不足的問題
相對於
PNG-24
(1像素(px)24位元(bit)),那GIF可稱為
GIF-1
囉 (!?)
似乎只能在存檔時使用「
邊緣調和
」,選擇和
目的背景
相似的顏色矇混...(ex.下圖右邊)
08-5-18 07:43 上傳
下載附件 (點選圖片檢視原圖)
(96.25 KB)
GIF/顏色128/邊緣調和#303030,不過也僅限於在鐵傲底色看不到鋸齒邊啦XD
08-5-18 07:33 上傳
下載附件 (點選圖片檢視原圖)
(10.51 KB)
說實在,我是第一次用儲存為網頁用呢XD
[
本文最後由 小無36 於 08-5-18 07:43 AM 編輯
]
作者:
千燁Chiaki
時間:
08-5-18 10:20
感謝小無的補充XD
不過上面的處理方式不是真正的讓白邊被去掉說…
如果我要把圖片放在花色背景上,或是FLASH上的話,就被識破了哩
作者:
千燁Chiaki
時間:
08-5-21 10:25
火哥教我 GIF不會有白邊的解決方法了
分享給大家
將邊緣調合設成-無
08-5-21 10:25 上傳
下載附件 (點選圖片檢視原圖)
(7.87 KB)
<GIF設定邊緣調合-預設值>
會有白色雜邊,需要再處理過
08-5-21 10:25 上傳
下載附件 (點選圖片檢視原圖)
(5.46 KB)
<GIF設定邊緣調合-無>
邊緣乾淨,沒有白點
08-5-21 10:25 上傳
下載附件 (點選圖片檢視原圖)
(5.04 KB)
[
本文最後由 千燁Chiaki 於 08-5-21 10:29 AM 編輯
]
歡迎光臨 鐵之狂傲 (https://www.gamez.com.tw/)