【編者按】網(wǎng)站怎么做？這可能是客戶向網(wǎng)站設(shè)計(jì)師提出來的問題，因?yàn)橥庑胁欢畠?nèi)行。這也可能是設(shè)計(jì)師向自己提出來的問題，因?yàn)槊恳粋€(gè)客戶都不同，不同的客戶需要不同的解決方案。為了答疑客戶、為了點(diǎn)撥設(shè)計(jì)師，方維網(wǎng)絡(luò)推出“HOW TO”系列文章。
 

表面上看，響應(yīng)式網(wǎng)站是適合多終端的，包括PC和手機(jī)。但是本質(zhì)上，響應(yīng)式網(wǎng)站是偏重于移動端的。正因?yàn)槿绱?，響?yīng)式網(wǎng)站多圖片而少文字，因?yàn)槭謾C(jī)端屏幕小，不適合大段文字顯示。所以，一張?bào)@艷的圖片，就能夠提升響應(yīng)式網(wǎng)站的檔次和美觀。
那么，什么樣的圖片適合響應(yīng)式網(wǎng)站呢？正是響應(yīng)式網(wǎng)站所需要的呢？

清晰圖片
 

上傳圖片時(shí)，你要考慮的最重要因素之一就是圖片的清晰度。將站點(diǎn)的圖片視為可視內(nèi)容。就像你從來不會在沒有拼寫檢查的情況下在你的網(wǎng)站上寫作一樣，你也不會想要發(fā)布任何看起來業(yè)余和粗糙的視覺圖片。

圖片大小

如果有人抱怨你的網(wǎng)站加載速度太慢，很有可能是你的圖片文件過大造成的。采取適當(dāng)?shù)拇胧┖凸ぞ邅韮?yōu)化站點(diǎn)的加載時(shí)間，最好將上傳網(wǎng)站的圖片文件大小壓縮到15MB以下。

圖像類型

對于站點(diǎn)的圖像，JPEG文件通常是最安全的選擇。原因是JPEG文件通常是壓縮的，這有助于提高站點(diǎn)的加載時(shí)間。
其他文件類型呢?如果你上傳高質(zhì)量的圖片或背景透明的圖片，PNG文件可能會更快，而GIF文件可能對背景透明的圖片更好。

圖像維護(hù)優(yōu)化

通過在每個(gè)圖像中添加適當(dāng)?shù)木S護(hù)考慮因素，確保您的圖像也在幕后為您提供服務(wù)。所有你需要做的是，為每一張上傳的圖片添加alt文本。

圖片特效

為圖像添加一定特效，也是能夠吸引訪客的眼球的。如自動切換、滑動、漸進(jìn)切入切出等等。

圖片版權(quán)

圖片版權(quán)包括兩個(gè)方面的內(nèi)容，一方面需要關(guān)注同行網(wǎng)站，查驗(yàn)其是否存在盜用自己網(wǎng)站圖片的問題；另一方面，就是驗(yàn)證自己網(wǎng)站的圖片，看使用是否獲得了版權(quán)方的授權(quán)。此前國內(nèi)出現(xiàn)的“視覺中國”事件，讓網(wǎng)站設(shè)計(jì)和運(yùn)營更加注重版權(quán)，當(dāng)然也包括圖片。

圖片色調(diào)

如果是將圖片作為網(wǎng)站的背景圖片，要關(guān)注圖片在不同屏幕的自適應(yīng)，避免出現(xiàn)變形；如果是在網(wǎng)頁中添加圖片，注意圖片與背景色的搭配。
當(dāng)然，網(wǎng)站需要使用的很多圖片，都需要經(jīng)過圖片處理工具的處理，如色彩處理、剪切處理、銳化處理、添加元素或者抹除處理等等。
總之，一張?bào)@艷的圖片，會增加一個(gè)網(wǎng)站的顏值，提升網(wǎng)站的檔次，讓網(wǎng)站與“高大上”更加靠近。