今天所要講的是淺析網頁設計應該避免的用圖錯誤。大圖像，圖片集和視覺“重”的圖像一直是網頁設計的一大趨勢。為了充分利用這種美感，你一定希望能夠確保你的網站上的每個圖像都能夠跟各種不同分辨率以及大小的顯示屏適配，并希望通過圖片的使用能夠更深入的展示以及推廣你的品牌。

不過，很多時候我們的設計師不管是從設計技術層面還是在圖像質量層面都存在很多大大小小的認識錯誤。當你在你的網頁設計中使用圖像時，你不必陷入這些陷阱之一，在這里，我們將看看有哪些具體的圖像使用錯誤，以及如何糾正或者完全避免它們。

錯誤一：上傳大格式的文件

在打印項目中，全尺寸、大格式的圖像可以保證打印結果的保持清晰以及美觀(這是必要的)，但是當涉及到網頁設計時就會出現問題。大格式的圖像載入緩慢，而緩慢的加載時間可能會導致用戶放棄繼續瀏覽你的網站。

不幸的是，雖然這是一個很常見的問題，但是還是有很多設計師陷入這種麻煩之中。許多的后臺程序允許上傳大格式的圖像，除非你已經很關注這個問題，否則你可能甚至不知道自己上傳圖像的大小是多么的不可思議。當然，不同用途的不同圖像可能需要不同的規格，你大可參閱你的品牌或網站指南，以了解在你的網站上常見圖像尺寸。

當你考慮到圖像問題時時，文件類型也很重要。請不要在你的網頁設計中使用tiff格式的圖片。最常見的和可用的文件格式是PNG，JPG或GIF。

解決方案：對于上述問題，最簡單的解決方案是將圖像尺寸縮放到框架需要的尺寸大小，并以適當的網頁分辨率顯示。但還有一點，要盡量考慮到適合的圖像尺寸，以便能好地利用你的網站和社交分享(例如，Pinterest圖像的寬度為600像素，如果要使圖像達到好的共享效果，則應為該尺寸。)

錯誤二：忘記裁剪

使用大格式的文件很可能會使一個網站不管是在加載的速度上還是訪客的用戶體驗上都“拖你后腿”，因此你可以試著使用全幀圖像隱藏在屏幕上。通過裁剪，有助于展示你希望用戶看到的視覺效果，方法是創建一個焦點而不必使用全畫幅的圖像。

通過圖像裁剪也可以創建一個動態不一致的視覺效果堆疊，它們都具有相同的形狀和縱橫比。使用多種不同的裁剪尺寸和有趣的形狀可以為網站設計增添視覺刺激。

解決方案：在上傳圖像之前將裁剪為適當的大小或尺寸，以便每個圖像根據需要呈現。

錯誤三：忘記縮略圖

有許多方法來處理縮略圖大小以及調整圖像的大小(其中許多方法取決于你的后臺功能，所以我們不會爭論每個的優點)，但是，你需要記住更新并注意在你的網站設計中最小的圖像尺寸。

設計師很經常忘記更具網站的不同內容需要更新縮略圖，圖片預覽和圖標的大小。

另一個重大錯誤是，使用質量很差的縮略圖，如果圖像質量不好，請不要使用，沒有什么比形象更重要的了。

解決方案：確保在圖像更改時刪除舊的縮略圖或預覽，并且確保你使用的圖標是最新的。

錯誤四：不可搜索的名稱和元數據

數碼相機可以在那些不能轉換為網站格式的各種元字段中保存大量的圖片信息。從圖像中剝離這些信息，并替換為可用數據。因為搜索引擎無法讀取在你的網頁設計中的那些圖像的內容，所以要使其變為可被搜索的圖像，就必須包含標題，alt標簽和周圍內容中的描述性詞。

錯誤的圖像名稱示例：

· src="/upload/pic19/;

· src="/upload/pic19/;

· src="/upload/pic19/

一個更好的圖像名稱包括幾src="/upload/pic19/。 圖像的alt標簽參考應包括類似的描述，例如“計數器眼鏡，手表和工廠上的項目”(并確保正確拼寫單詞)。

解決方案：對所有網站圖像和配對圖像使用正確的命名方式并與每個視覺相關的內容匹配。圖像名稱應包括用連字符分隔的描述性詞。

成都網站設計應該注意細節，圖片在建站時往往會被忽略，圖片的使用是很值得注意的。

網站題目：成都網頁設計應該避免的用圖錯誤
標題來源：http://www.js-pz168.com/news46/225346.html

成都網站建設公司_創新互聯，為您提供自適應網站、關鍵詞優化、網站策劃、營銷型網站建設、定制開發、品牌網站設計

廣告

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