設(shè)計(jì)的可用性和圖像壓縮

件事情，我們應(yīng)該知道的兩個(gè)流行的互聯(lián)網(wǎng)瀏覽器，Netscape Navigator和Internet Explorer中，是他們不以同樣的方式顯示網(wǎng)頁(yè)。

為了使事情更混亂，也沒(méi)有個(gè)人電腦或Mac電腦上顯示圖像的方式相同?？傊贛ac上創(chuàng)建的圖像出現(xiàn)在電腦上多黑暗，在PC上創(chuàng)建的圖像出現(xiàn)在Mac上輕松得多。像素大小差異（每英寸72像素和96在Mac上每英寸像素為640x480的PC上）使字體大小大不相同。

我們將在本文中介紹的幾個(gè)秘訣是，以確保很好地展示您的網(wǎng)頁(yè)不管系統(tǒng)或?yàn)g覽器，并幫助您的網(wǎng)頁(yè)下載盡快不管他們是怎么被觀看。

步：壓縮圖形

在我們做任何事情，我們必須確保我們的圖形已為網(wǎng)絡(luò)優(yōu)化。

大多數(shù)圖形程序都具有根據(jù)所謂的“另存為網(wǎng)頁(yè)”文件選項(xiàng)。一旦你創(chuàng)建的圖形，你需要確信你喜歡它，因?yàn)樗峭耆嗤?zhǔn)備上傳你的網(wǎng)站上花一分鐘時(shí)間來(lái)打開(kāi)這個(gè)原始的，偉大的軟件圖形，單擊此選項(xiàng)。

當(dāng)您單擊另存為網(wǎng)頁(yè)格式，你應(yīng)該能夠預(yù)覽終結(jié)果之前，實(shí)際上儲(chǔ)蓄。在Photoshop中，您將獲得此選項(xiàng)和“滑桿”，讓你從高轉(zhuǎn)移到低質(zhì)量時(shí)，作為一個(gè)JPEG保存。當(dāng)你與品質(zhì)移動(dòng)，你會(huì)發(fā)現(xiàn)文件大小下降或增加。看起來(lái)更近了，你會(huì)看到一個(gè)點(diǎn)，顯示大約多少時(shí)間，將會(huì)采取不同的連接速度下載該圖形。

為優(yōu)化您的圖形的實(shí)際方法將根據(jù)不同的圖形軟件所使用。終的結(jié)果是一樣的 - 你需要的必要性需要采取一分鐘，創(chuàng)造高的對(duì)比低的文件大小的圖片，你可以質(zhì)量。

互聯(lián)網(wǎng)的兩個(gè)主要的圖形格式，JPEG和GIF，都內(nèi)置有兩種格式之間的主要區(qū)別一些壓縮，正如我們將看到，總有該圖像壓縮方面也下一點(diǎn)，以盡可能多擠時(shí)間超過(guò)了它。

JPEG格式

是一個(gè)松散的壓縮方法。換句話說(shuō)，它只是為了節(jié)省空間，丟棄的圖像部分。 JPEG算法的個(gè)圖像劃分成正方形（你可以看到這些廣場(chǎng)嚴(yán)重壓縮的JPEG文件 - 俗稱“pixellating”）。然后，它使用一個(gè)數(shù)學(xué)方程稱為離散余弦變換轉(zhuǎn)成曲線，一起去組成圖像的數(shù)據(jù)設(shè)置廣場(chǎng)。根據(jù)你想要多少圖像的壓縮算法丟棄的數(shù)據(jù)不太重要的一部分（較小的曲線），其中增加較少，對(duì)整體“形”的形象。這意味著，不像一個(gè)GIF，你就會(huì)得到多少，你說(shuō)的要壓縮的形象。但是，寬松的壓縮方法可以生成諸如假彩色和區(qū)塊效應(yīng)不良影響。

圖像互換格式

代表圖形交換格式。這是一個(gè)無(wú)損耗的壓縮方法。這意味著，當(dāng)該程序創(chuàng)建一個(gè)GIF南瓜原始圖像時(shí)，它需要注意不要丟失任何數(shù)據(jù)。它使用一個(gè)簡(jiǎn)單的替代方法的壓縮。

壓縮的大可用以gif依賴于不斷重復(fù)中有一個(gè)圖象。平坦的色彩以及有時(shí)甚至?xí)嚎s到一個(gè)原始文件的大小而十分復(fù)雜的，不重復(fù)的圖像將票價(jià)差，也許只有節(jié)省20％左右。

與GIF文件的一個(gè)問(wèn)題是，他們被限制為256色或更少的調(diào)色板。此外，因?yàn)槟銢](méi)有在壓縮總量控制，下載速度將大大改變使用一個(gè)GIF。就個(gè)人而言，我建議使用的GIF只有當(dāng)你需要他們的動(dòng)畫(huà)和一個(gè)靈活的JPEG為別的依靠。

抗混疊

反走樣是用于制作彎邊在電腦屏幕上出現(xiàn)平穩(wěn)的技術(shù)。 它主要用于大字體字體和圖形，但也可使用。其效果是通過(guò)使用在邊界中介顏色，掩蓋了硬邊。
反鋸齒是獲得周圍的電腦屏幕分辨率低，使您的文字出現(xiàn)一帆風(fēng)順的，如果他們?cè)敢鈩倕⒓恿藭r(shí)尚雜志權(quán)宜之計(jì)。

當(dāng)使用圖形中的文本或使用圖形來(lái)代替文字總是反別名文本。在Photoshop中，您將得到在您的工具欄上選擇的權(quán)利 - 只要勾選復(fù)選框。

第二步：

既然有這么一個(gè)平臺(tái)和瀏覽器之間，大的不同，確保你“試駕”你的圖形 - 和布局一般對(duì)于這個(gè)問(wèn)題， - 在你決定你是“完成”。嘗試查看許多不同的瀏覽器您的網(wǎng)站，你可以得到你的手，然后采取不同的平臺(tái)上一看它 - 如果你使用電腦，看看如何在Mac上的另一半沖浪，反之亦然。

你應(yīng)該采取的另一個(gè)步驟，以幫助減少您的網(wǎng)頁(yè)上下載速度是使用您的圖像的高度和寬度標(biāo)簽。所見(jiàn)即所得的編輯通常會(huì)為你做這個(gè)。如果你用手做你的HTML，確保有一個(gè)高度和寬度為每個(gè)網(wǎng)頁(yè)上的圖像的指定。

后，更多的圖像，你回收你整個(gè)網(wǎng)站中使用，更好的訪問(wèn)者的體驗(yàn)會(huì)。一旦圖像在瀏覽器緩存中，瀏覽器將不會(huì)重新下載。這意味著，如果你用10個(gè)不同的網(wǎng)頁(yè)完全一樣的圖像導(dǎo)航欄，瀏覽器將只下載一次。

成都網(wǎng)站建設(shè)公司－創(chuàng)新互聯(lián)(www.fslingdu.com.)，擁有設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供FLASH網(wǎng)站設(shè)計(jì)，網(wǎng)頁(yè)制作，多媒體觸摸屏展示設(shè)計(jì).

新聞名稱：設(shè)計(jì)的可用性和圖像壓縮
本文URL：http://www.muchs.cn/news1/212801.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)