鐵之狂傲

 取回密碼
 註冊
搜尋

無名的勇者

狸小路。千人斬

切換到指定樓層
1#
小圖方便版友閱覽,下載速度也會較快

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

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

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

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

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

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

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

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

儲存為網頁用2.gif
儲存為網頁用.gif

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

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

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

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


acdsee修改圖檔.gif
acdsee修改圖檔2.gif
acdsee修改圖檔3.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 枚

喔喔~以後會注意的^^
 

回覆 使用道具 檢舉

無名的勇者

狸小路。千人斬

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

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

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

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

回覆 使用道具 檢舉

總評分:  聲望 + 1   檢視全部評分
發條人形紅舞鞋  當然可以!  發表於 07-3-29 10:38 聲望 + 1 枚  回覆一般留言

無名的勇者

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

OK
了解了...
 

回覆 使用道具 檢舉

無名的勇者

天繾寶寶說你好

千大辛苦了!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了。
但檔案太大,除非是有光纖網路的國家,
否則不推薦使用於網路上。
但如果是做光碟多媒體互動介面,倒是很不錯的選擇。以上。
 

回覆 使用道具 檢舉

總評分:  聲望 + 4   檢視全部評分
千燁Chiaki  說的很好!謝謝你的解說!XD  發表於 07-3-28 21:14 聲望 + 4 枚  回覆一般留言

  不過我記得 IE 似乎沒支援 PNG 的無背景色彩? (‧‧)

------

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

  有看到有簽到。 〈蓋章〉
 

回覆 使用道具 檢舉

嗯,收到了!
原來PNG的潛力不小阿!
一直以來都習慣用JPG了,下次改試試PNG好了。
 

回覆 使用道具 檢舉

無名的勇者

狸小路。千人斬

新增圖檔格式詳細介紹!
有興趣的可以看看~XD

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

回覆 使用道具 檢舉

簽到千到謙到小黑羅莉之道(謎)

難怪我圖都壓的很醜
方法都用錯了~~
3Q指導~~~
 
就算是一輩子的努力,得不到的永遠得不到
就算花一輩子去拼命,沒有運氣終究沒希望
就連突破天際的鑽頭,也有鑽不破的噩夢牆
不過只要全力用心做,就能抬頭挺胸往前走
盡管永遠不會被注意,我依舊會慢慢向上爬
就算只有一點點突破,最後絕對會是你贏了

ACG繪圖技研版
闇夢館(我的BLOG)

回覆 使用道具 檢舉

知道嘛!(指)PNG才是王道(被打)
所以要用PNG的才是上上上---策!!!

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

回覆 使用道具 檢舉

你需要登入後才可以回覆 登入 | 註冊

存檔|手機版|聯絡我們|新聞提供|鐵之狂傲

GMT+8, 24-12-25 14:32 , Processed in 0.029034 second(s), 19 queries , Gzip On.

回頂部