鐵之狂傲»論壇 › 繪圖 › ACG繪圖技研版【】 › 貼圖格式宣導，及圖片壓縮解說(請簽到推文) ...

最後更新

12 3 4 / 4 頁下一頁

貼圖格式宣導，及圖片壓縮解說(請簽到推文)

[複製連結] 檢視: 10818|回覆: 33

千燁Chiaki

無名的勇者

狸小路。千人斬

電梯直達

1^#

發表於 07-3-25 01:33:47 |只看該作者 |升序瀏覽大字中字小字正體化简体化

小圖方便版友閱覽，下載速度也會較快

建議大家將圖片寬度縮在800像素之內!
而圖片高度為了閱讀舒適，也建議在800以內(適用於1024X768螢幕尺寸)
0
0────┤ Photoshop壓縮圖片教學 ├────

0
下面是將圖片轉存成適合於網頁使用的圖片的方式

1.在PHOTOSHOP裡，按檔案/儲存為網頁用(快速鍵ALT+SHIFT+CTRL+S)

2.請依圖片說明調整右邊的選項設定-壓縮格式、品質(顏色)及影像尺寸

<壓縮格式>  較常用的為jpg、gif (參考下方的壓縮格式簡介，再依需求調整數值)

<品質(顏色)>  jpg模式>>調整「品質」選項，數字越小檔案越小(畫面越糊)
                  gif模式>>調整「顏色」選項，數字越小檔案越小(顏色越少)

<影像尺寸> 即為螢幕上顯示圖片的大小，寬度請設定750以下

3.調整選項後記得按下「套用」再「儲存」，即完成!

儲存為網頁用2.gif

0
0
0
0
0
0
0
0
0────┤ ACDSee壓縮圖片教學 ─────

1.在ACDSee裡，按修改/調整大小進入調整尺寸介面

2.請依圖片說明調整右邊的影像尺寸，寬度請設定750以下
按下完成

3.不要忘記最後還要另存新檔喔!

acdsee修改圖檔.gif

0
0
0
0
0
0
0
0
0
0
0──────┤ 壓縮格式簡介 ├──────
0

JPG 檔案小，是目前最常用的圖片格式,最適用於顏色豐富之彩色圖片，它用的是破壞性的壓縮方式已獲得更小的檔案大小,
在解析度方面可以顯示不錯的品質，但壓過頭可能產生雜點

適合存放在網路上，有背景的cg或是照片,尤其適合無線繪或喜歡放很多顏色進去圖裡的人。
畫賽璐璐風格就要注意線條邊緣可能的失真問題。一般來說，壓縮品質不建議低於60。

GIF 所存的顏色只有256色，所以適合用於插圖、符號及文字
他支援透明的背景，並且可用作動態圖片，有很多簡單動作BANNER都是GIF格式

適合有動畫或透明背景的小圖示，
使用透明色+顏色超過256色的話記得勾選無透明混色。
如果想要有舊電腦cg的感覺，也可以嘗試看看。

PNG 失真較小檔案較大，以網路傳輸來說，檔案小速度快就是命
最棒的是可以支援半透明的色彩，
有時候GIF存取過後會有的鋸齒邊緣，在PNG裡都可解決

png-8和gif檔小圖示的用法和效果差不多，不過檔案稍微小了一點。
(當然畫賽璐璐風格因為用色很少，使用png-8或gif應該是足夠的)
另外，png的透明通道可能不被舊瀏覽器支持，(更別說是傳說中的png動畫了xd)
這就是為什麼png-8比gif好用，gif卻比較常見的原因。

png-24 幾乎可以代替bmp了。
但檔案太大，除非是有光纖網路的國家，
否則不推薦使用於網路上。
但如果是做光碟多媒體互動介面，倒是很不錯的選擇。

(以上內容部份由發條人形紅舞鞋提供)

檔案大小
PNG>JPG、GIF
通用性
JPG=GIF>PNG

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
此文可推，有問題歡迎提出喔！>>>我想看圖檔格式詳細介紹

[ 本文最後由千燁Chiaki 於 08-5-20 07:10 PM 編輯 ]

[ 本文章最後由千燁Chiaki 於 08-5-29 20:54 編輯 ]

轉播0 分享0 收藏0

回覆使用道具檢舉

總評分: 聲望 + 12 檢視全部評分

aric1911 看完這篇我終於學會怎麼改尺寸了~感恩啊~ 發表於 08-1-11 07:06 聲望 + 1 枚

雷音我學到了,下次就投入PS的擁抱XD 發表於 07-10-10 01:00 聲望 + 3 枚

watermother2004 = ˇ= 收到發表於 07-3-31 10:07 聲望 + 2 枚

cabuy 純推詳細說明。發表於 07-3-27 18:25 聲望 + 2 枚

★M.G★ 推一個ˇ縮圖保護好品質XD(啥" 發表於 07-3-26 23:34 聲望 + 1 枚

天之火哦哦~~~爆肝發文發表於 07-3-26 18:58 聲望 + 1 枚

@小佑佑@ 推推~~~~ 發表於 07-3-25 19:53 聲望 + 1 枚

狸子收到～＠ˇ＠// 發表於 07-3-25 15:43 聲望 + 1 枚

chriswu1031

無名的鄉紳

34^#

發表於 07-3-28 22:23:51 |只看該作者大字中字小字正體化简体化載入全部圖片

喔喔~以後會注意的^^

回覆使用道具檢舉

千燁Chiaki

無名的勇者

狸小路。千人斬

33^#

發表於 07-3-28 21:22:40 |只看該作者大字中字小字正體化简体化載入全部圖片

發條回的很棒!XD
我還一直在想為什麼會被誤解成這樣，一時還不知道該如何解說呢XDD
晚一點讓我把你的結論一起整理編輯進我的文章內可以嗎?

我也曾經在做網站的時候大量使用png被退貨
有時候png的檔可以大上jpg的圖一倍啊=口=

平常彩色稿件，只要jpg壓縮的適當，我自己認為肉眼是分不出有什麼差別!
所以我還是jpg用的多

png會用在需要透明背景的時候，因為他的半透明色可以存取的比gif漂亮
尤其使用flash的時候可以避免像gif格式的鋸齒
這點倒是非常好用!

回覆使用道具檢舉

楓葉森林

無名的勇者

往夢想邁進是一件很美妙的事 ...

32^#

發表於 07-3-28 13:33:59 |只看該作者大字中字小字正體化简体化載入全部圖片

OK
了解了...

回覆使用道具檢舉

發條人形紅舞鞋

無名的勇者

天繾寶寶說你好

31^#

發表於 07-3-28 10:21:40 |只看該作者大字中字小字正體化简体化載入全部圖片

千大辛苦了！cabuy大提到的ie支援問題，
其實升級到ie7就可以解決了。

還有我覺得光看這篇文有些人可能會有點小誤解。
png不是最好的啦xd
要用什麼格式，專看圖面呈現方式和用途而定。
[優缺點比較]

就網頁傳輸來說，檔案小，速度快就是命啊xd

個人使用心得以ps上能壓縮的常見檔案格式為例子。

jpg適合存放在網路上，有背景的cg或是照片,
尤其適合無線繪或喜歡放很多顏色進去圖裡的人。
畫賽璐璐風格就要注意線條邊緣可能的失真問題。
另外一般來說，壓縮品質不建議低於60。

gif適合有動畫或透明背景的小圖示，
使用透明色+顏色超過256色的話記得勾選無透明混色。
如果想要有舊電腦cg的感覺，也可以嘗試看看。

png-8和gif檔小圖示的用法和效果差不多，不過檔案稍微小了一點。
(當然畫賽璐璐風格因為用色很少，使用png-8或gif應該是足夠的)
另外，png的透明通道可能不被舊瀏覽器支持，(更別說是傳說中的png動畫了xd)
這就是為什麼png-8比gif好用，gif卻比較常見的原因。

png-24 幾乎可以代替bmp了。
但檔案太大，除非是有光纖網路的國家，
否則不推薦使用於網路上。
但如果是做光碟多媒體互動介面，倒是很不錯的選擇。以上。