2022-11-12 分類: 網(wǎng)站建設(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)或?yàn)g覽器,并幫助您的網(wǎng)頁下載盡快不管他們是怎么被觀看。
步:壓縮圖形
在我們做任何事情,我們必須確保我們的圖形已為網(wǎng)絡(luò)優(yōu)化。
大多數(shù)圖形程序都具有根據(jù)所謂的“另存為網(wǎng)頁”文件選項(xiàng)。一旦你創(chuàng)建的圖形,你需要確信你喜歡它,因?yàn)樗峭耆嗤?,并?zhǔn)備上傳你的網(wǎng)站上花一分鐘時(shí)間來打開這個原始的,偉大的軟件圖形,單擊此選項(xiàng)。
當(dāng)您單擊另存為網(wǎng)頁格式,你應(yīng)該能夠預(yù)覽終結(jié)果之前,實(shí)際上儲蓄。在Photoshop中,您將獲得此選項(xiàng)和“滑桿”,讓你從高轉(zhuǎn)移到低質(zhì)量時(shí),作為一個JPEG保存。當(dāng)你與品質(zhì)移動,你會發(fā)現(xiàn)文件大小下降或增加。看起來更近了,你會看到一個點(diǎn),顯示大約多少時(shí)間,將會采取不同的連接速度下載該圖形。
為優(yōu)化您的圖形的實(shí)際方法將根據(jù)不同的圖形軟件所使用。終的結(jié)果是一樣的 - 你需要的必要性需要采取一分鐘,創(chuàng)造高的對比低的文件大小的圖片,你可以質(zhì)量。
互聯(lián)網(wǎng)的兩個主要的圖形格式,JPEG和GIF,都內(nèi)置有兩種格式之間的主要區(qū)別一些壓縮,正如我們將看到,總有該圖像壓縮方面也下一點(diǎn),以盡可能多擠時(shí)間超過了它。
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í),它需要注意不要丟失任何數(shù)據(jù)。它使用一個簡單的替代方法的壓縮。
壓縮的大可用以gif依賴于不斷重復(fù)中有一個圖象。平坦的色彩以及有時(shí)甚至?xí)嚎s到一個原始文件的大小而十分復(fù)雜的,不重復(fù)的圖像將票價(jià)差,也許只有節(jié)省20%左右。
與GIF文件的一個問題是,他們被限制為256色或更少的調(diào)色板。此外,因?yàn)槟銢]有在壓縮總量控制,下載速度將大大改變使用一個GIF。就個人而言,我建議使用的GIF只有當(dāng)你需要他們的動畫和一個靈活的JPEG為別的依靠。
抗混疊
反走樣是用于制作彎邊在電腦屏幕上出現(xiàn)平穩(wěn)的技術(shù)。 它主要用于大字體字體和圖形,但也可使用。其效果是通過使用在邊界中介顏色,掩蓋了硬邊。
反鋸齒是獲得周圍的電腦屏幕分辨率低,使您的文字出現(xiàn)一帆風(fēng)順的,如果他們愿意剛參加了時(shí)尚雜志權(quán)宜之計(jì)。
當(dāng)使用圖形中的文本或使用圖形來代替文字總是反別名文本。在Photoshop中,您將得到在您的工具欄上選擇的權(quán)利 - 只要勾選復(fù)選框。
第二步:
既然有這么一個平臺和瀏覽器之間,大的不同,確保你“試駕”你的圖形 - 和布局一般對于這個問題, - 在你決定你是“完成”。嘗試查看許多不同的瀏覽器您的網(wǎng)站,你可以得到你的手,然后采取不同的平臺上一看它 - 如果你使用電腦,看看如何在Mac上的另一半沖浪,反之亦然。
你應(yīng)該采取的另一個步驟,以幫助減少您的網(wǎng)頁上下載速度是使用您的圖像的高度和寬度標(biāo)簽。所見即所得的編輯通常會為你做這個。如果你用手做你的HTML,確保有一個高度和寬度為每個網(wǎng)頁上的圖像的指定。
后,更多的圖像,你回收你整個網(wǎng)站中使用,更好的訪問者的體驗(yàn)會。一旦圖像在瀏覽器緩存中,瀏覽器將不會重新下載。這意味著,如果你用10個不同的網(wǎng)頁完全一樣的圖像導(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)頁制作,多媒體觸摸屏展示設(shè)計(jì).
網(wǎng)站名稱:設(shè)計(jì)的可用性和圖像壓縮
本文路徑:http://redsoil1982.com.cn/news/212801.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號、標(biāo)簽優(yōu)化、定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容