企業(yè)網(wǎng)站設計圖片處理
日期 : 2019-09-26 20:47:56
圖片處理。對于一個(gè)網(wǎng)站而言, 不能局限于單純的文字內容, 通常也會(huì )包含形形色色的圖片。在傳統的PC上, 由于早先都是作為唯一優(yōu)化對象, 因此設計者認為傳統的界面已經(jīng)能夠滿(mǎn)足受眾的需要, 但是隨著(zhù)移動(dòng)互聯(lián)網(wǎng)的發(fā)展, 移動(dòng)閱讀設備出現, 其屏幕尺寸小的屬性使得網(wǎng)頁(yè)的顯示效果大打折扣, 一些網(wǎng)站為了盡可能的減少大幅圖片對小屏設備顯示面積, 通常會(huì )相應的縮小圖片的大小, 甚至是直接將CSS文件的屬性設置為空, 實(shí)現圖片的隱藏。從表層進(jìn)行分析, 其已經(jīng)達到了理想的效果, 而深入探究發(fā)現, 雖然圖片被縮小甚至是隱藏, 但是經(jīng)過(guò)處理的圖片在加載的過(guò)程中并不會(huì )相應的縮小或是消失, 仍舊按照原始文件大小下載, 不會(huì )節省時(shí)間, 更不會(huì )節省流量。目前關(guān)于這個(gè)問(wèn)題尚未形成最佳的解決方案, 一般的做法是優(yōu)先加載頁(yè)面, 然就根據加載好的頁(yè)面布局來(lái)確定圖片加載的具體排布方式, 比如哪邊的圖片可以加載, 哪邊的不需要加載, 當然, 鑒于頁(yè)面加載的過(guò)程中可能會(huì )形成斷點(diǎn), 通??梢栽跀帱c(diǎn)的位置加載圖片。但是, 視頻的處理問(wèn)題上, 與圖片的處理方式不同, 在小屏幕上播放視頻的體驗不佳, 往往只會(huì )在小屏幕上提供視頻的鏈接, 這樣就不會(huì )對頁(yè)面加載造成壓力, 而在大屏幕上就可以按比例縮放。

