<progress id="hhndr"><dl id="hhndr"><th id="hhndr"></th></dl></progress>
<cite id="hhndr"><video id="hhndr"><thead id="hhndr"></thead></video></cite> <ins id="hhndr"></ins>
<noframes id="hhndr"><th id="hhndr"><progress id="hhndr"></progress></th>
<var id="hhndr"><video id="hhndr"></video></var>
<var id="hhndr"><span id="hhndr"><menuitem id="hhndr"></menuitem></span></var><progress id="hhndr"><ruby id="hhndr"></ruby></progress><var id="hhndr"><span id="hhndr"><menuitem id="hhndr"></menuitem></span></var>
服務熱線:400-889-1636
業務聯系:021-5230 0317
客戶服務:021-5230 0319
在線咨詢: 
網站建設,網站制作,企業網站建設,網上商城,網站推廣,域名注冊,求創科技
網站建設,網站制作,企業網站建設,網上商城,網站推廣,域名注冊,求創科技
首頁 > 關于求創 > 求創博客

網頁設計中優化圖片小技巧

時間: 2016.07.25 來源:本站
分享到:

用于web端的圖形有基于它們自身的相關處理方式。其中一條便是你要時刻注意文件的大小,因為你需要使你的網頁加載越快越好。作為一名網頁設計師,應當盡量減少HTTP對圖像的請求次數——無論通過減少圖片的使用數量還是將它們整合成CSS sprite——以及確保你選擇了正確的圖像格式,使其在圖像大小和質量間得以平衡。

Photoshop是平面設計師和網頁設計師使用的行業標準工具。以下是你在創建web端使用圖像時的一些簡單的小技巧。


1. 將圖片保存成Web所用格式

 

在網頁設計中,你必須確保你的圖像大小越小越好。當然,當你想要圖片完好顯示時可以拋棄這條原則。

 

在Photoshop中創建圖像的完美方法便是平衡質量與文件大小。網頁設計師經常犯的一個錯誤便是使用“另存為”命令,而不是使用“存儲為Web所用格式”。“存儲為Web所用格式”可以將圖像保存成基于網頁設計優化過的格式,包括圖像質量、圖像分辨率、瀏覽器兼容性和文件大小。這一命令會有一個對話框,你可以用來微調你的圖像。當你調整圖像的設置時,它會顯示出文件的大小和圖像的質量。相比之下,“另存為”對話框則不具有這么多選擇,并且其往往會保存成較大的圖像。

 

2. 考慮使用Web安全色


Web安全色在大多數瀏覽器和顯示器上都能夠正確顯示,這確保了你的網頁無論在哪里看起來都有相同的效果。

 

3. 考慮使用JPG的“逐行掃描”選項

 

JPG文件格式是攝影和高分辨率圖像的理想選擇。根據你的目標受眾,逐行掃描有時候是個不錯的選擇。在網站加載時,這種格式的圖像會逐漸呈現(即使在現代寬帶連接的互聯網時代,這種等待時間的類型已不是問題了)。這使用戶在圖像完全加載之前便可快速預覽到,令人感覺網頁反應更快。

 

4. 將圖像保存成透明的PNG格式

 

當你需要透明的圖片時,PNG格式是你的最佳選擇。大部分主流瀏覽器均會支持透明的PNG格式,如果你不得不迎合IE6時,就需要注意了:PNG格式有些透明部分在IE6中會顯示成灰色。也有辦法來解決這個問題(如IE PNG修復 Javascript庫),但是實現起來會比較麻煩。

 

5. 將動態圖片保存成GIF格式

 

GIF圖像格式雖然大多數情況下可以被PNG格式所取代,但有一點仍然很有用。雖然這種格式相對PNG和JPG來說顯得粗糙,但GIF格式本身有個非常給力的功能,就是支持動畫。雖然有一個擴展名為APNG的PNG圖片格式(其代表了便攜網絡圖形動畫),但很少有瀏覽器支持這種格式。如果你需要在PNG和GIF間選擇,通常PNG是個更好的選擇,除非你需要做成動態圖片。

 

6. 請注意“下載時間”這一信息

 

確保一個站點快速加載并且看上去很漂亮,這是非常重要的。這也體現了保存和優化圖片的重要性。比較好的方法就是:降低圖像質量,直到你發現圖像顯示質量明顯降低。當你在優化圖像時,要時刻關注“下載時間”,這將會顯示在“存儲為Web所用格式”對話窗口的左下角。

上一篇文章: 怎樣選擇微營銷平臺
下一篇文章: 域名更換Q&A
返回

業務咨詢

客戶服務

我要留言

節假日咨詢電話

136-1188-9500

關于我們

上海求創科技有限公司成立于2001年,是一家專注于為客戶提供高端網站策劃、網站建設、網頁設計、品牌網絡營銷以及相關的基于互聯網應用服務的專業公司。

更多

全國客戶服務熱線

400-889-1636

網站建設,網站制作,企業網站建設,網上商城,網站推廣,域名注冊,求創科技-微官網 網站建設,網站制作,企業網站建設,網上商城,網站推廣,域名注冊,求創科技-手機網
域名超市 | 蘇州網站優化 | 北京網站建設 | 邯鄲網站建設 | h5建站 | 手機網站建設 | 營銷型網站建設 | 沈陽seo優化 | 企業網站建設 | 網頁設計 |
業務熱線:021-52300315 021-52300317 業務部:[email protected] 售后服務:[email protected] 投訴郵箱:[email protected] 域名和主機服務:021-52300319
地址:上海市靜安區鎮寧路168號16樓A室 郵政編碼:200040
版權所有?上海求創科技有限公司 滬ICP備13005298號-24  網站地圖
山东十一选五网址