列印

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

千燁Chiaki

含淚狸去

名望的勇者

狸小路。千人斬

精華: 14
聲望: 3822 枚
文章: 1230 篇

1^# 正體化 簡體化 大中小 只看該作者 發表於 08-5-17 11:42

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

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

以下的教學都是使用PHOTOSHOP

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

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

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

Step3> 儲存完成

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

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

搜索更多相關主題的文章: PhotoShop 去背透明底圖 PNG-24 人物素材

看誰搬了凳子來

璐小伊給予作者聲望 +2 【理由:最近正巧在研究這個呢!!感謝千姐!!! ...】 08-5-19 21:06
發條人形紅舞鞋給予作者聲望 +3 【理由:千好威猛！】 08-5-19 10:52
邪惡軸心給予作者聲望 +1 【理由:很棒~】 08-5-18 01:26
Bxyzic 給予作者聲望 +1 【理由:因為IE6不支援(掩面)火狐和IE7顯示都是透明 ...】 08-5-17 18:00
flonsky 給予作者聲望 +1 【理由:實用!】 08-5-17 15:22
露西露給予作者聲望 +4 【理由:感謝教學~很棒】 08-5-17 13:27
Shitaz 給予作者聲望 +1 【理由:我是淡藍色底...】 08-5-17 12:39
空想夜給予作者聲望 +4 【理由:要存成網頁用PNG-24呀...原來如此... ...】 08-5-17 11:55

TOP

右上方搜尋框可以快速搜尋討論版

千燁Chiaki

含淚狸去

名望的勇者

狸小路。千人斬

精華: 14
聲望: 3822 枚
文章: 1230 篇

2^# 正體化 簡體化 大中小 只看該作者 發表於 08-5-17 11:54

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

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

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

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

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

看誰搬了凳子來

狸子給予作者聲望 +3 【理由:難怪我看有藍底@_@】 08-5-18 23:09
露西露給予作者聲望 +4 【理由:感謝教學~很棒】 08-5-17 13:28
Shitaz 給予作者聲望 +2 【理由:實用!!】 08-5-17 12:39
空想夜給予作者聲望 +2 【理由:精華文章】 08-5-17 11:59

TOP

小無36

「為你，千千萬萬遍」

名望的騎士

精華: 4
聲望: 1576 枚
文章: 1201 篇

3^# 正體化 簡體化 大中小 只看該作者 發表於 08-5-18 06:01

如聲望回覆中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.下圖右邊)