當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

jpg,gif和png三種格式圖片的說明

來源:作者:佚名 來源:網(wǎng)頁教學(xué)網(wǎng) 作者:admin 學(xué)習(xí):373人次
我們最理想的圖片是容量小質(zhì)量高清晰的,這得根據(jù)不同圖片的性質(zhì)選擇不同的輸出格式。網(wǎng)上現(xiàn)今常用的圖片格式有jpg、gif、png,至于bmp、svg、tif等格式由于文件大或瀏覽器不支持等原因不建議使用。
常用圖片格式的特點:
jpg有損、文件小
是一種有損壓縮格式,能夠?qū)D像壓縮在很小的儲存空間,圖像中重復(fù)或不重要的資料會被丟失,因此容易造成圖像數(shù)據(jù)的損傷。
gif無損、≤256色、動畫、支持背景透明
是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。其壓縮率一般在50%左右,它不屬于任何應(yīng)用程序。目前幾乎所有相關(guān)軟件都支持它,公共領(lǐng)域有大量的軟件在使用GIF圖像文件。
png無損、支持背景半透明(IE6下得用濾鏡)
是網(wǎng)上接受的最新圖像文件格式。PNG能夠提供長度比GIF小30%的無損壓縮圖像文件。它同時提供 24位和48位真彩色圖像支持以及其他諸多技術(shù)性支持。
做些試驗…
圖像
格式 jpg gif png
大小 994字節(jié) 2.55kb 2.01kb
質(zhì)量 不清楚 清楚 清楚
類似這種規(guī)則漸變色彩比較豐富的輸出為png。比如body里大背景漸變、水晶風(fēng)格按鈕等。
圖像
格式 jpg gif png
大小 1.29kb 273字節(jié) 438字節(jié)
質(zhì)量 不清楚 清楚 清楚
色彩比較單純的小圖輸出成gif。常常應(yīng)用在一些小按鈕和icon小圖標(biāo)上。
圖像
格式 jpg gif png
大小 7.42kb 15.1kb 35.1kb
質(zhì)量 還行 清楚 清楚
人像風(fēng)景類色彩非常復(fù)雜的圖輸出為jpg。這里gif圖看上去也不錯,但是如果圖片尺寸稍大一點你就會發(fā)現(xiàn)它們的容量大小和圖片質(zhì)量會有明顯的差距。
另外,gif動畫的局限性很大,但它在網(wǎng)上使用得非常頻繁,它只適用于色彩比較簡單的小圖,而對于人像風(fēng)景類大圖是不建議做成gif動畫的,因為那樣的圖片大小和質(zhì)量都是很嚇人的。gif和png都可以背景透明,png還支持半透明,但I(xiàn)E6以下不支持,需要使用濾鏡


學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
兔兔愛吃草2011-09-24 11:10
<給力>,不要告訴別人,我學(xué)到了,哈哈!
cny882011-09-13 03:04
學(xué)習(xí)了。。。。。。。。。。。。。。。。。。。。。。。。。。。
a032441162011-08-21 05:19
學(xué)習(xí)一下
xya2133117762011-08-11 11:29
還不是很懂 先學(xué)習(xí)了
Rax2011-07-07 09:10
學(xué)習(xí)了! 謝謝樓主的分享!
bra1n2011-06-20 11:29
學(xué)習(xí)并做筆記了,謝謝。。。。
qq159821252011-06-17 12:53
哦 受教了 原來還有這些啊
ghy07062011-05-21 09:55
學(xué)到了,謝謝哦
allansen2011-05-12 11:01
積分要怎么才能高于1???
zm_26132011-05-11 11:54
恩,,,知道這個三個區(qū)別了
月見空青2011-04-28 09:41
我就看懂了一點,就是JPG的圖片質(zhì)量沒有GIF與PNG的質(zhì)量好
xwdpepsi2011-04-27 10:18
學(xué)習(xí)了,lz同學(xué)
wyx7892011-04-27 09:28
樓主辛苦了。!向樓主致敬。。。。。。!
wjx_1001_wjx2010-10-03 05:13
學(xué)習(xí)一下
wangcx10312010-07-01 02:11
學(xué)習(xí)一下哦,謝謝

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!