我們非常鼓勵有一定技術(shù)基礎(chǔ)的客戶在一定范圍內(nèi),力所能及的進行自主維護網(wǎng)站,這樣不但可以更加高效率的更新網(wǎng)站、保持網(wǎng)站較高的更新頻率,也會在一定程度上降低次年網(wǎng)站的維護成本。不過如果對一些基本的網(wǎng)站維護相關(guān)軟件操作不是很熟練,我們則不是很建議進行自主更新。我們發(fā)現(xiàn),有很多客戶在初次進行網(wǎng)站維護時,上傳的圖片加載非常慢,為了幫助大家更快的上手,我們今天將為大家簡單講述下網(wǎng)站上的圖片打開太慢如何優(yōu)化的問題。
前面一段時間,有一位來自公明塘尾的客戶做網(wǎng)站后,自主設(shè)計了網(wǎng)站首頁的3張Banner圖片并上傳到網(wǎng)站上。然后非常無奈的聯(lián)系到創(chuàng)絡(luò),反饋說網(wǎng)站首頁速度明顯卡頓,讓我們檢查下是不是服務(wù)器出了問題。經(jīng)過簡單的分析,我們發(fā)現(xiàn)正是首頁這幾張大圖片引起的緩慢問題。我們發(fā)現(xiàn),客戶上傳的每一張圖片都接近2MB,三張圖片再加上首頁其他圖片和腳本文件,這位客戶的網(wǎng)站首頁一共加載了大約8MB的內(nèi)容??赡?M對一些百兆寬帶不會造成什么影響,但是一些低速網(wǎng)絡(luò)環(huán)境則會嚴重拖慢網(wǎng)站加載速度。那么我們應(yīng)該如何優(yōu)化網(wǎng)站上的大圖片,以提高加載速度呢?我們最優(yōu)先推薦大家使用PS中的存儲為Web所用格式功能來優(yōu)化圖片,請參考下方圖片,在Windows系統(tǒng)和Mac系統(tǒng)中的操作方法:
大家請留意一下圖片中紅色箭頭所指的位置,左側(cè)箭頭向大家指出了該功能的打開位置和快捷鍵。右邊圖片中所指的是即將保存的圖片的質(zhì)量,通常我們可以最低做到32(會模糊但依然可以接受),最高80(基本上就是高清圖片了)就好,不過我們推薦中間位置的60,也很不錯!數(shù)字越小,另存為之后的圖片尺寸不變但文件大小明顯縮小。這將會對提高網(wǎng)站加載速度有很大幫助。當然,我們還可以留意一下在新建圖片的時候,不要使用太高的分辨率,網(wǎng)頁上的圖片72就完全可以滿足需求。顏色的位數(shù)推薦使用8位,16位和32位的圖片顏色會更加豐富,但是圖片體積卻會成本的增長,并不推薦。另外再補充一點,如果網(wǎng)站上的圖片如果不需要背景透明的話,就盡量保存為jpg格式,不要使用gif或者png格式。具體設(shè)置大家可以參考以下圖片:
通過本文的閱讀,相信大家已經(jīng)對圖片優(yōu)化有了一個明確的概念,多多練習幾次,找到屬于你自己的參數(shù)配置吧!如果還有圖片優(yōu)化方面的問題,歡迎隨時聯(lián)系公明塘尾做網(wǎng)站的公司創(chuàng)絡(luò)科技,我們將竭誠為您服務(wù)。