合理選擇圖片格式

1.JPEG

JPEG格式是一種大小與質(zhì)量相平衡的壓縮圖片格式蚊伞。通俗一點講佳遣,就是:高的壓縮比=低的圖片質(zhì)量=小的文件大小帚戳。反之恋日,低的壓縮比=高的圖片質(zhì)量=大的文件大小怎虫。由于JPEG文件無法保持100 %的原始圖像的像素數(shù)據(jù)献宫,所以它不被認(rèn)為是一種無損圖像格式忽孽。

用途:

由于這種極其敏感的平衡特性硝皂,JPEG非常適合被應(yīng)用在那些允許輕微失真的像素色彩豐富的圖片(照片)場合顷窒。反之蛙吏,JPEG格式圖片并不適合做簡單色彩(色調(diào)少)的圖片,比如LOGO蹋肮,各種小圖標(biāo)(ICONS)出刷。

2.GIF

GIF格式,是為使圖片能夠應(yīng)用在在線(online)應(yīng)用程序上所特別開發(fā)的圖片格式坯辩。Gif馁龟,有時也被成為“Giff”,是一種無損漆魔,8位圖片格式坷檩。“無損”是指100%的保持原始圖片的像素數(shù)據(jù)信息改抡。專業(yè)名詞“8位”是指矢炼,所能表現(xiàn)的顏色深度——一個8位圖像僅最多只能支持256種不同顏色(一個多余256種顏色的圖片若用gif圖片保存會出現(xiàn)失真)。

用途:

由于8位顏色深度的限制阿纤,Gif不適合應(yīng)用于各種色彩過于豐富的照片存儲場合句灌。但它卻非常適合應(yīng)用在以下場合:

* Logo

* 小圖標(biāo)(Icon)

* 用于布局的圖片(例如某個布局角落,邊框等等)

* 僅包含不超過256種色彩的簡單,小型圖片場合

透明特性:

GIF支持基本的透明特性胰锌,這意味著你能夠使圖片的某些像素“不可見”骗绕。在其被放置到網(wǎng)頁中時,我們就可以看到通過這些不可見區(qū)域看到此圖片后面的背景顏色(圖片)资昧。此特性非常有用:如果你需要將某個gif圖片的內(nèi)容置于所有圖片的上層酬土,你可以將其設(shè)置為透明。

壓縮特性:

GIF格式采用LZW算法進(jìn)行壓縮格带,此算法是Unisys申請的一項專利撤缴。在很久很久之前,如果你想使用GIF格式叽唱,那么就意味著你需要向Unisys付費申請專利許可屈呕。不過值得高興的是,此項專利技術(shù)已于2003年6月20日過期尔觉,我們現(xiàn)在可以免費的使用GIF了凉袱!

隔行掃描:

GIF同時也支持隔行掃描。隔行掃描能夠令圖片在瀏覽器中更快的加載和顯示侦铜。此特性對于那些慢網(wǎng)速的瀏覽者來說尤其實用。

動畫GIF:

一個動態(tài)的GIF文件钟鸵,是由若干幀圖片所聯(lián)結(jié)而成的動態(tài)圖片钉稍。在顯示時,這些動態(tài)幀被反復(fù)的繪制讀取出來從而形成了簡單的動畫效果棺耍。合理的運用GIF動畫能夠為網(wǎng)頁增添動靜結(jié)合的效果贡未,而過度的使用則會使網(wǎng)頁雜亂無章。

3.PNG

PNG蒙袍,讀“ping”俊卤,初始時被作為GIF的免費替代格式所開發(fā),采用公共專利壓縮算法害幅。PNG格式也是一種無損壓縮消恍,但與GIF格式不同的是,PNG同時支持8位和24位的圖像以现。

8位PNG圖像:

一個8位PNG圖片狠怨,支持透明背景且像素顏色不能超過256種。除了壓縮算法不同之外邑遏,此8位PNG格式與GIF格式極其相似佣赖;

用途:

8位PNG圖片的用途與GIF格式基本相同,

* Logo

* 小圖標(biāo)(Icon)

* 用于布局的圖片(例如某個布局角落记盒,邊框等等)

* 僅包含不超過256種色彩的簡單憎蛤,小型圖片場合

24位PNG圖像:

24位PNG,支持160萬種不同的像素顏色且支持Alpha透明效果纪吮,這就意味著俩檬,無論透明度設(shè)置為多少萎胰,PNG圖片均能夠與背景很好的融合在一起。

對PNG的支持:

由于PNG格式的廣泛使用和開發(fā)者更加重視網(wǎng)頁的WEB標(biāo)準(zhǔn)豆胸,不同瀏覽器對PNG的支持就顯得相當(dāng)重要了奥洼。不過,幸運的是晚胡,目前市場上主流的瀏覽器對PNG格式都有很好的支持灵奖,這包括:IE*, Firefox, Safari, Opera, and Konqueror。

但不幸的是估盘,IE6及IE6以下的瀏覽器對PNG透明背景的支持并不好瓷患。不過我們?nèi)钥梢酝ㄟ^其他方法來解決這個問題,詳情請查看如何在IE6中正常顯示透明PNG遣妥。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末擅编,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子箫踩,更是在濱河造成了極大的恐慌爱态,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件境钟,死亡現(xiàn)場離奇詭異锦担,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)慨削,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進(jìn)店門洞渔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人缚态,你說我怎么就攤上這事磁椒。” “怎么了玫芦?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵浆熔,是天一觀的道長。 經(jīng)常有香客問我姨俩,道長蘸拔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任环葵,我火速辦了婚禮调窍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘张遭。我一直安慰自己邓萨,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著缔恳,像睡著了一般宝剖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上歉甚,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天万细,我揣著相機(jī)與錄音,去河邊找鬼纸泄。 笑死赖钞,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的聘裁。 我是一名探鬼主播雪营,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼衡便!你這毒婦竟也來了献起?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤镣陕,失蹤者是張志新(化名)和其女友劉穎谴餐,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呆抑,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡总寒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了理肺。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡善镰,死狀恐怖妹萨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情炫欺,我是刑警寧澤乎完,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站品洛,受9級特大地震影響树姨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜桥状,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一帽揪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧辅斟,春花似錦转晰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔗崎。三九已至,卻和暖如春扰藕,著一層夾襖步出監(jiān)牢的瞬間缓苛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工邓深, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留未桥,地道東北人。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓庐完,卻偏偏與公主長得像钢属,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子门躯,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

推薦閱讀更多精彩內(nèi)容