打算做網站的小伙伴們,注意了!!!通常情況下,很多圖片(產品圖、證書、企業實景及其他相關圖片等)都是需要需求方自己來提供的,那么提供怎樣的圖片,對網站視覺有利、對用戶體驗更好,也就變得尤為重要了。接下來,小編就來跟您說一說。
這里說的圖片質量是指圖片的分辨率(清晰度)、圖片的尺寸等硬性要求標準。隨著當前計算機顯示器分辨率和尺寸的不斷變高、變大,網站設計的時候版塊占比相對變大,在版式上也與早前不同,多使用大圖、高清圖,這也就需要圖片本身的質量必須較高,才能保證在顯示器顯示時是不失真的,圖片的顆粒感是弱的。
在向網站設計制作技術人員提供材料的時候,無論哪一部分的素材,都需要盡可能的提供大尺寸、分辨率較高的圖片,才能保證網站視覺上不存在模糊、顆粒感強的問題。
(注:此圖表僅能說明Kb越大加載時間越長,并無其他意義)
關于圖片的大小指的是其占用存儲空間的大小,以Kb/Mb為單位計算。網站上的圖片不建議過大,過大會影響網站的打開速度,在前期設計、制作,開發階段設計人員會給予處理,需求方只需盡可能的搜集整理高清的大圖即可,但在日后的維護中,建議將圖片處理之后再上傳至網站中,通常情況下圖片大小單位為Kb,超大圖控制在200Kb以下,普通圖片控制在100Kb以下為宜,在保證圖片質量的同時圖片大小Kb越小,網站打開速度更快。
在網站中圖片格式常用的有.jpg、.png、.gif等,使用.jpg最多,.png一般是透明底圖最多,.gif一般動圖最多,使用格式視圖片需求而定。.gif不宜過多,因為其Kb大小相對較大,過多會影響頁面打開速度。
在整理圖片的時候,有條件的話可以對圖片進行篩選,同等條件下挑選視覺較好、質量較高為佳,很多情況下,設計的效果圖很協調,視覺效果很好,但在后期維護的時候,頁面效果很容易會差強人意,多數的問題出在用圖不當或圖片不美觀,所以,網站頁面視覺效果的好壞很大一部分取決于用圖。