太原網站(zhàn)建設做(zuò)網站(zhàn)多(duō)年(niá"¥n)，一(yī)般客戶的(de)要(yào)求都(dōu←∞₽)是(shì)要(yào)求網站(zhàn)一(yī)點建設的(de)♥™→美(měi)觀，适合客戶浏覽，所以做(zuò)網站(zhàn)的(de)時(≈↑shí)候大(dà)多(duō)要(yào)求網<∞站(zhàn)的(de)色采搭配還(hái)有(yǒu)網站(zhàn)✔↕♥≤上(shàng)面圖片的(de)設計(jì)♦∏♠σ，今天我就(jiù)跟大(dà)家(jiā)分(fēn'®$)享一(yī)下(xià)網站(zhàn)上(shàng)圖片的(de)設計(®<jì)以及各方面的(de)要(yào)求：
1.格式
而色彩豐富的(de)照(zhào)片則一(yī ₹×∞)定是(shì)JPEG如(rú)果顔色不(bù)多(duō)且沒有(yǒu)漸變，由計(jì) ↓算(suàn)機(jī)發生(shēng)的(de)形式簡單→>★的(de)圖像(如(rú)标識、圖标)首選PNG格式。應當使用(yòng)GIF格式。需要(yào)注意的(de)防止呈現(xiàn)CMYK模式導出的(de)圖片，因為(wèi)網頁不(bù)識别。
幾乎适用(yòng)于除照(zhào)片以外(wà≤≥i)的(de)所有(yǒu)圖像。還(hái)具有(yǒuγ₩×)生(shēng)成簡單的(de)動畫(♥£huà)和(hé)透明(míng)圖像的(de)能(né∏₽€ng)力。GIF用(yòng)得(de)最多(duō)的(dε•e)網頁圖像格式。GIF最多(duō)容納256種顔色。
也(yě)是(shì)W3C推薦的(de)格式。PNG-8最多(duō)可(kě)包含256種顔色，PNG格式相(xiàng)對(duì)較新。堪比GIF;PNG-24支持RGB模式，即可(kě)以表示任何顔色，品質較高(gāo);PNG-32PNG-24基礎上(shàng)增加了(le)alpha通(tōng)道(dào)，也(yě)即可(kě)以設置透明(míng)®&。
常用(yòng)于保存照(zhào)片。但(dàn)→§>γ除此之外(wài)，JPEG可(kě)以保管約1670萬種顔色。幾乎用(yòng)不(bù)到(dào)JPEG如(rú)果圖像顔色少(shǎo)于256種，或者含有(yǒu)大(dà)片純色，則JPEG效果反而不(bù)好(hǎo)—為(wèi)獲得(de)高(gāo)質量的(de)<α 圖像，文(wén)件(jiàn)大(dà)小(x•£'iǎo)可(kě)能(néng)成倍增加。
如(rú)下(xià)文(wén)詳細展開(kāi)的(de)♣§∑♣顔色、透明(míng)、動畫(huà)等方面。可(kě)以通(tōng♣₩↓)過Photoshop或Firework導出向導比較各項參數(shù)。選擇的($★de)規範是(shì)保證可(kě)接受的(de↕γ₹)圖像質量的(de)前提下(xià)，選擇圖像格式應當綜合α£≤考慮其使用(yòng)範圍。文(wén)件(jiàn)應盡可(kě)能(n≈éng)小(xiǎo)。
2.尺寸
其尺寸應在矢量繪圖工(gōng)具中确定，使用(yòng)矢λ&量創作(zuò)工(gōng)具制(zhì)作(zuò)的☆β←<(de)圖像往往适合保管為(wèi)PNG格式。變為(wèi)位圖後便不(bù)再•¥輕易對(duì)其進行(xíng)縮放(fàng)操作(zuò)(尤其不(bù)應進行(xíng)放(fàng)大↔☆ (dà)操作(zuò))值得(de)注意的(de)Firework中創建的(de)PNG文(wén)件(jiàn)包括圖層等可(kě)編輯信息，其中的(de)直♦÷線、形狀、文(wén)字都(dōu)屬于矢量圖。将這(zh↔×∞ è)樣的(de)圖像應用(yòng)于網頁應先進行(xíng)輸出操作(zδ>↔uò)以壓縮文(wén)件(jiàn)大(dà)小(xiǎo)，而輸出的(d✔$©¶e)PNG圖像也(yě)會(huì)因為(wèi)丢掉可(kě)編輯信息<←♦₹而轉為(wèi)位圖。因此，圖像尺寸的(de)調節應在輸出操作(zuò)之前Ω∞★完成。不(bù)對(duì)位圖進行(xíng)縮放(fàng)是(sק≤hì)為(wèi)了(le)保證圖像的(de)輪廓和(hé)•↓£®漸變足夠清晰。
應先使用(yòng)Photoshop等軟件(jiàn)調整好(hǎo)尺寸後再插入β到(dào)網頁中，對(duì)于已有(yǒu)的(de)位圖和§₩(hé)照(zhào)片。而不(bù)應使用(yòng)HTML語言中的(de)width和(hé)height屬性改變圖像尺寸。直接使用(yòng)HTML語言控制(zhì)圖像尺寸可(kě)能(néng)會(huì)使圖像失真嚴重✔≠ε。
放(fàng)入網頁中的(de)圖片應控¥±制(zhì)到(dào)一(yī)個(gè)比較™γ₽★小(xiǎo)的(de)尺寸。如(rú)果與文(wén)字混排，通(§tōng)常。寬度最好(hǎo)在300px左右。即便單獨呈現(xiàn)，寬度也(yě)最好(hǎo)在600px以下(xià)。至于高(gāo)度，以不(bù)逾越一(yī)屏®φ為(wèi)宜。
3.顔色
而非用(yòng)于打印的(de)CMYK模式。不(bù)必考慮浏覽器(qì)平安色，創建圖像應使用(yò♦₽✔↕ng)RGB模式。因為(wèi)幾乎不(bù)再有(yǒu)人(rén)使用(yòng) ↑¥±8位的(de)顯示器(qì)。顔色的(de)選擇αΩ→∏應當參照(zhào)統一(yī)的(de)規範，如(rú)視(shì)×™覺識别(VI系統。顔色的(de)數(shù)量和(hé)效果是(shì)決定圖像π→φ格式的(de)重要(yào)因素，如(rú)色彩漸變往往發生(s™αhēng)大(dà)量顔色，如(rú)果保管為(wèi)GIF則會(huì)産生(shēng)失真，文(wén)∏✘≥件(jiàn)大(dà)小(xiǎo)也(yě)大(dà)幅增加，這(zhè)♦β↕∑時(shí)應考慮使用(yòng)PNG-24PNG-32或JPEG格式。
4.動畫(huà)
效果豐富，網頁上(shàng)的(de)動畫(huà)通(t∏λōng)常包括Flash和(hé)動畫(huà)GIF兩種。Flash功能(néng)強大(dà)。圖像質量高(gāo)∑，且擁有(yǒu)強大(dà)的(de)創作(zuò)軟件(j₩<↕iàn)，多(duō)數(shù)情況下(xià)∏™首選的(de)網頁動畫(huà)形式。動畫(huà)GIF缺乏是(shì)僅能(néng)使用(yòng§≤$")不(bù)超過256種顔色，且難以制(zhì)作(zuò)效果複雜<↕↔(zá)的(de)動畫(huà)，但(dàn)它優勢是(shì)₩✔≈♦文(wén)件(jiàn)小(xiǎo)，且無需插件(j&₽'iàn)支持就(jiù)可(kě)以在任何老(lǎo)式的(de)∞λ或現(xiàn)代的(de)浏覽器(qì)播放(fàng)。♣¶
5.透明(míng)
但(dàn)方式并不(bù)相(xiàng)同。∑>♠↔GIF隻是(shì)單純地(dì)将某一(yī)種或幾種顔色∑γγ₹設為(wèi)完全透明(míng)，GIF和(hé)PNG都(dōu)支持透明(míng)。并不(bùφ•)考慮與它鄰近(jìn)的(de)漸變色的(de)透φ•明(míng)度。這(zhè)意味著(zhe)，如(rú)λ♣₩Ω果背景顔色發生(shēng)重大(dà)改變(或者原本就(jiù)包括幾種對(duì)比明(míng)顯的(de)顔色)與透明(míng)局部交界的(de)地(dì)方将得(÷"de)不(bù)到(dào)平滑過渡，出現(xiàn)一(yī)條明(↑≤≈míng)顯的(de)分(fēn)界線。如(rú)果要(yào)創建透明(m•<↕íng)GIF有(yǒu)必要(yào)将畫(huà)β←★☆布背景色設置成與目标效果的(de)背景色相(xiàng)同(或接近(jìn))PNG不(bù)存在這(zhè)個(gè)問(wèn≠α")題，同時(shí)還(hái)可(kě)以設置半透明(míng"÷©)。
太原網站(zhàn)建設公司開(kāi)發×≥π網站(zhàn)多(duō)年(nián)，詳情咨詢：0351-2308359
