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