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