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

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

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

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

步：壓縮圖形

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

大多數(shù)圖形程序都具有根據(jù)所謂的“另存為網(wǎng)頁”文件選項。一旦你創(chuàng)建的圖形，你需要確信你喜歡它，因為它是完全相同，并準(zhǔn)備上傳你的網(wǎng)站上花一分鐘時間來打開這個原始的，偉大的軟件圖形，單擊此選項。

當(dāng)您單擊另存為網(wǎng)頁格式，你應(yīng)該能夠預(yù)覽終結(jié)果之前，實際上儲蓄。在Photoshop中，您將獲得此選項和“滑桿”，讓你從高轉(zhuǎn)移到低質(zhì)量時，作為一個JPEG保存。當(dāng)你與品質(zhì)移動，你會發(fā)現(xiàn)文件大小下降或增加?？雌饋砀耍銜吹揭粋€點(diǎn)，顯示大約多少時間，將會采取不同的連接速度下載該圖形。

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

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

JPEG格式

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

圖像互換格式

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

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

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

抗混疊

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

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

第二步：

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

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

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

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

網(wǎng)站名稱：設(shè)計的可用性和圖像壓縮
本文路徑：http://www.bm7419.com/news/212801.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、標(biāo)簽優(yōu)化、定制網(wǎng)站、品牌網(wǎng)站設(shè)計、品牌網(wǎng)站制作、小程序開發(fā)

廣告

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