鐵之狂傲

標題: 貼圖格式宣導，及圖片壓縮解說(請簽到推文) [列印本頁]

作者: 千燁Chiaki 時間: 07-3-25 01:33
標題: 貼圖格式宣導，及圖片壓縮解說(請簽到推文)
小圖方便版友閱覽，下載速度也會較快

建議大家將圖片寬度縮在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 編輯 ]

作者: histon0112 時間: 07-3-25 02:12
收到！！
我會一直使用PNG。
其實過大的圖用BLOGGER來放也不錯，BLOGGER有自動縮圖功能，一共有大中小三種選擇。就是用了最大的縮圖也不會超過650的限定。
貼圖時只要用"["url=大圖連結"]["img"]"小圖網址"["/img"]["/url"]"就可以了，點圖即可放大，又不佔空間。

＊好像在賣廣告。。。。＊

作者: OoLeonoO 時間: 07-3-25 03:22
我都用flickr耶，一樣有縮圖功能，而且是功能完整的相簿。國外相簿大都不錯，不像國內業者……都馬禁止外連。

作者: chenstarmax 時間: 07-3-25 03:37
嗯唔....我一向是使用JPG檔案上傳，不過有認識的人跟我要圖片我有時候會直接把PSD檔傳給他

，讓他愛改什麼就改什麼@@"

作者: @小佑佑@ 時間: 07-3-25 07:46
收到了~~~~~

上來推一下文章......

不過我還是用JPG檔案直接上傳....

PHOTOSHOP就是不太會用....

或是再掃描時就選擇大小了...

畫數也可以改........

總之版主辛苦了.....

勉勵和推文一下................

作者: 巴奈 時間: 07-3-25 08:12
收到囉~~~
上來推文一下....
我還是會用JPG檔案上傳.....

我之前的圖似乎都很大一張......
有可能是像素太大的關係吧!!!
以後我會將畫素調小的~~~

謝謝版主囉!!!

作者: watermother2004 時間: 07-3-25 09:51
收到~

基本上不是很喜歡畫面被擴張所以支持...嘎

作者: Enis 時間: 07-3-25 10:00
原來如此阿~了解囉~簽到一下...
我也覺得自己的圖有時候真的是太大了點...
不過外連的圖片也會嗎!?

作者: 夢夢狐 時間: 07-3-25 12:19
在下個人記憶中PNG是要用來取代GIF以及BMP二種格式的
(原因之一也是因為GIF的檔案壓縮法是要收權利金的......所以目前使用GIF，就法律上其實是非法行為)

PNG格式有二種，一種是256色方式，和GIF一樣式使用索引色
另一種就是全彩模式，可以在完全不失真的儲存一張圖而且檔案容量是BMP的40~60%左右
不過二者都支援256階的透明及半透明

個人記憶中是這樣啦XD
如果有誤的話還請見諒了......

作者: Quilia 時間: 07-3-25 13:56
收到了... ._.
以後會注意這樣 XD

作者: 風痕戀 時間: 07-3-25 14:58
收到了！！

會注意的

話說我沒有PHOTOSHOP這套軟體

我都是用PHOTOIMPACT

如果用法差不多的話　應該不難吧　＠＠

作者: 炎兒 時間: 07-3-25 15:33
收到了~

圖太大，有時還真不方便 = =

(統一 OK的啦~:微笑

作者: LIG 時間: 07-3-25 15:34
收到~~
因為圖太大會Lag...
所以支持XD

作者: Gorillaz-Russel 時間: 07-3-25 17:56
YES~!!

了解~ 之前不清楚怎麼縮圖XDDD

支持+1囉~

作者: SYU 時間: 07-3-25 19:18
收到~~~
以後會注意的:大笑

作者: 璐小伊 時間: 07-3-25 22:05
推文簽到!
話說我都是直接連天空的相簿..........
所以有時候會出格XDD|||
是說我貼圖的機會也不多啦...
下次會注意的Q D Q

作者: ＊bamboo＊ 時間: 07-3-25 22:53
懂了的說~

(猛作筆記)

作者: 只有準啦 時間: 07-3-25 23:22
口母~750啊~我之前都不敢超過550說ˊwˋ

作者: Reishi 時間: 07-3-26 13:05
千大人辛苦了，簽到推一下。

作者: ‧謙孝‧ 時間: 07-3-26 18:56
正在試著習慣用PNGˇ

嗯，雖然我感覺不出什麼差別XD

小千千辛苦了ˇ

作者: JIO 時間: 07-3-26 19:16
這個問題早就想說了>口</
有些人發的好圖實在會因為大小造成視覺上的遺憾呢

千幹的好啊!!! >ˇ<教學很細心:D

給你一個GJ >3< 簽到囉

作者: 笑長‧鬱 時間: 07-3-26 19:20
嗯嗯~!我雞到啦我來簽~~XD

作者: 東館凜 時間: 07-3-26 22:48
收到.來簽到~
(雖然幾乎沒發圖....

作者: 茵謂水靈 時間: 07-3-26 23:05
簽到&推~~
以後一定會縮圖放@w@

作者: 紗月 時間: 07-3-27 00:35
潛水員一隻(?)來簽到:D/
750以內...(刻版書

作者: 稔靛 時間: 07-3-27 00:38
知道嘛!(指)PNG才是王道(被打)
所以要用PNG的才是上上上---策!!!

個人喜歡品質好的(握拳)

作者: darkmaya 時間: 07-3-27 01:28
簽到千到謙到小黑羅莉之道(謎)

難怪我圖都壓的很醜
方法都用錯了~~
3Q指導~~~

作者: 千燁Chiaki 時間: 07-3-27 08:44
新增圖檔格式詳細介紹!
有興趣的可以看看~XD

有任何相關疑問也可以提出來喲!

作者: nem 時間: 07-3-27 09:00
嗯，收到了！
原來PNG的潛力不小阿！
一直以來都習慣用JPG了，下次改試試PNG好了。

作者: cabuy 時間: 07-3-27 18:29
　　不過我記得 IE 似乎沒支援 PNG 的無背景色彩？　(‧‧)

－－－－－－

　　公開貼圖一直將大部分作品控制在長、寬 600px 以下，這條新規定的推廣……增加看圖的容易度！　XD

　　有看到有簽到。　〈蓋章〉

作者: 發條人形紅舞鞋 時間: 07-3-28 10:21
千大辛苦了！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了。
但檔案太大，除非是有光纖網路的國家，
否則不推薦使用於網路上。
但如果是做光碟多媒體互動介面，倒是很不錯的選擇。以上。

作者: 楓葉森林 時間: 07-3-28 13:33
OK
了解了...

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

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

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

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

作者: chriswu1031 時間: 07-3-28 22:23
喔喔~以後會注意的^^

歡迎光臨鐵之狂傲 (https://gamez.com.tw/)