設計的可用性和圖像壓縮

2022-11-12    分類: 網站建設

網站建設 - 建站教程 - 網頁設計- 設計的可用性和圖像壓縮

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

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

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

步:壓縮圖形

在我們做任何事情,我們必須確保我們的圖形已為網絡優(yōu)化。

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

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

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

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

JPEG格式

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

圖像互換格式

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

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

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

抗混疊

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

當使用圖形中的文本或使用圖形來代替文字總是反別名文本。在Photoshop中,您將得到在您的工具欄上選擇的權利 - 只要勾選復選框。

第二步:

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

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

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

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

新聞名稱:設計的可用性和圖像壓縮
本文URL:http://www.bm7419.com/news1/212801.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站建設、品牌網站制作網頁設計公司、品牌網站建設、網站維護、網站內鏈

廣告

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

小程序開發(fā)