• <span id="uj4z7"><optgroup id="uj4z7"></optgroup></span>

    1. 購(gòu)物車(chē)中還沒(méi)有商品,趕緊選購(gòu)吧!
      首頁(yè)  >  產(chǎn)品更新  >  影響圖片大小的因素-如何將圖片的KB做的更小
      影響圖片大小的因素-如何將圖片的KB做的更小

      以下一組數(shù)據(jù),足以說(shuō)明網(wǎng)頁(yè)打開(kāi)速度的重要性。

      網(wǎng)頁(yè)打開(kāi)的最佳速度: 2秒!     許多研究都表明,用戶(hù)最滿(mǎn)意的打開(kāi)網(wǎng)頁(yè)時(shí)間,是在2秒以下。

      用戶(hù)能夠忍受的最長(zhǎng)等待時(shí)間的中位數(shù),在6~8秒之間。

      這就是說(shuō),8秒是一個(gè)臨界值,如果你的網(wǎng)站打開(kāi)速度在8秒以上,那么很可能,大部分訪(fǎng)問(wèn)者最終都會(huì)離你而去。   

      研究顯示,如果等待12秒以后,網(wǎng)頁(yè)還是沒(méi)有載入,那么99%以上的用戶(hù)會(huì)關(guān)閉這個(gè)網(wǎng)頁(yè),不再等待。   

      但是,如果在等待載入期間,網(wǎng)站能夠向用戶(hù)顯示反饋消息,比如一個(gè)進(jìn)度條,那么用戶(hù)可以忍受的時(shí)間會(huì)延長(zhǎng)到38秒。

      Google做過(guò)一個(gè)試驗(yàn),顯示10條搜索結(jié)果的頁(yè)面載入需要0.4秒,顯示30條搜索結(jié)果的頁(yè)面載入需要0.9秒,結(jié)果后者使得Google總的流量和收入減少了20%。   

      Google地圖上線(xiàn)的時(shí)候,首頁(yè)大小有100KB,后來(lái)下降到70~80KB。結(jié)果,流量在第一個(gè)星期上升了10%,接下來(lái)的3個(gè)星期又再上升了25%。   

      Amazon的統(tǒng)計(jì)也顯示了相近的結(jié)果,首頁(yè)打開(kāi)時(shí)間每增加100毫秒,網(wǎng)站銷(xiāo)售量會(huì)減少1%。

       

      影響網(wǎng)頁(yè)打開(kāi)速度的因素主要有以下幾個(gè)方面:

      (1)服務(wù)器:服務(wù)器的運(yùn)算速度決定,一般的服務(wù)器都沒(méi)有問(wèn)題;

      (2)服務(wù)器帶寬:這個(gè)是很重要的因素之一,一個(gè)標(biāo)準(zhǔn)1U服務(wù)器的托管費(fèi)用,從4000元到數(shù)萬(wàn)元一年不等,其中,機(jī)房穩(wěn)定性,帶寬,出口訪(fǎng)問(wèn)速度,就是很重要的原因,也是價(jià)格區(qū)別大的原因。

      (3)程序語(yǔ)言:程序代碼冗余,內(nèi)容與樣式?jīng)]有分離,不合理腳本程序,查詢(xún)語(yǔ)句,死循環(huán),程序錯(cuò)誤等都可能導(dǎo)致網(wǎng)頁(yè)打開(kāi)速度慢;

      (4)網(wǎng)頁(yè)圖片:這個(gè)是非常重要的一個(gè)原因,圖片的數(shù)量多,圖片過(guò)大,都會(huì)明顯影響網(wǎng)頁(yè)打開(kāi)速度;

      (5)訪(fǎng)問(wèn)者自己的網(wǎng)速(這個(gè)問(wèn)題只有用戶(hù)自己解決,我們無(wú)能為力。)

       

      本文主要講其中最重要的因素之一:圖片影響了網(wǎng)頁(yè)打開(kāi)速度。

       

      問(wèn)題分為兩個(gè):(1)哪些因素影響了圖片的大小;(2)哪些方法可以減小圖片的大小。

      1、影響圖片大小的因素

      說(shuō)明這里的大小,指的是一張圖片有多少KB,而不是圖片的顯示尺寸(像素)。大家不要混淆了。

      有多少KB會(huì)影響網(wǎng)頁(yè)打開(kāi)速度,但像素大小與KB大小,并不成正比。

      當(dāng)訪(fǎng)問(wèn)網(wǎng)頁(yè)時(shí),用戶(hù)需要下載這個(gè)圖片后才能顯示,所以訪(fǎng)問(wèn)者的網(wǎng)速越慢,你的圖片KB越大,打開(kāi)就越慢。

       

      (1)圖片尺寸(像素):同樣的一張圖,尺寸做得越大,圖片就越大,打開(kāi)就越慢;

               注:尺寸和像素,都是表達(dá)圖片長(zhǎng)和寬的單位。

      (2)圖片的色彩豐富程度:色彩越豐富,顏色越多樣,在同樣尺寸大小時(shí),圖片越大;

      (3)圖片的清晰度:高清,高飽和度的圖片,在同樣尺寸大小時(shí),圖片越大;

      (4)圖片的格式:一般圖片格式網(wǎng)頁(yè)上常用的有,.jpg  .png .gif,

                一般情況下,色彩豐富的圖,用jpg會(huì)小一些;色彩單一的圖用gif,或者png要小一些;

                具體操作時(shí),可以切換圖片格式,選擇圖片不失真前提下,最小KB的做為圖片使用格式即可。

              

      我們知道了影響圖片大小KB的因素,就可以找到將圖片做得更小的方法。

       2、減少圖片大小KB的方法

      思途分別用專(zhuān)業(yè)的圖像軟件photoshop 和簡(jiǎn)單的美圖秀秀做示例,希望幫助您快速的減小圖片的大小,從而保障你網(wǎng)頁(yè)的打開(kāi)速度。

      (1)用photoshop調(diào)整圖片大小

      第1步,第2步, 點(diǎn)擊圖像選項(xiàng),選擇圖片大小設(shè)置

       

      第3步,第4步,原始圖片是一張高達(dá)34.3M的圖片,直接上傳到網(wǎng)頁(yè)上肯定是不行的,我們根據(jù)圖片準(zhǔn)備放到網(wǎng)頁(yè)上的位置,(該位置有一個(gè)程序設(shè)計(jì)好的圖片最大顯示寬度和高度)將這里的圖片像素改為需要的大小。點(diǎn)擊保存。

       

      第5步,建議選擇保存為  WEB 網(wǎng)頁(yè)所用格式,這個(gè)格式可以在網(wǎng)頁(yè)上不失真的最大幅度壓縮圖片大小KB 。

      第6步,可以切換圖片格式,不同格式可以發(fā)現(xiàn),下圖左下角圖片大小的變化,當(dāng)前已經(jīng)為40.41KB(這個(gè)大小是比較適合放到網(wǎng)頁(yè)上的)

      第7步,可以切換同一格式示,圖片的清晰度,或者叫質(zhì)量度、飽和度,一般情況下,品質(zhì)在60時(shí),圖片不會(huì)明顯的失真。

      第8步,保存,準(zhǔn)備用于網(wǎng)站上傳。

      (2)用美圖秀秀調(diào)整圖片大小(思途推薦使用)

      第1步,第2步,按網(wǎng)頁(yè)顯示需要,調(diào)整圖片尺寸

      第3步,保存操作


      第4步,準(zhǔn)備保存圖片

      第5步,可以選擇圖片格式,美圖秀秀支持,.jpg\.bmp\.png三種格式;

      第6步,第7步,可以調(diào)整圖像畫(huà)質(zhì),這里可以看到圖片的大小KB 會(huì)跟著變小,你需要選擇你顯示的尺寸不失真的最小大小就行了。

      第8步,保存到電腦 ,準(zhǔn)備上傳到網(wǎng)站上。

       

      (3)除了美圖秀秀外,還有很多軟件和工具,可以批量減少圖片的大小,思途推薦您可以試試使用。

       

      圖片批量大小處理軟件:http://www.zzzqjx888.com/peixun/fangfa-136

      美圖秀秀:http://xiuxiu.meitu.com/ 

       

      相關(guān)閱讀
      說(shuō)明

      贊   6

      有一點(diǎn)幫助   1

      沒(méi)有幫助  

      參與評(píng)論

      他們說(shuō)...

      積分獲取更多
      思途CMS系統(tǒng)更新動(dòng)態(tài)
      • 2025-06-04
        1、【功能優(yōu)化】PC端強(qiáng)制登錄排除部分頁(yè)面
        2、【功能優(yōu)化】廣告和導(dǎo)航支持選擇店鋪裝修的微頁(yè)面路徑
        3、【BUG修復(fù)】平臺(tái)分享海報(bào)沒(méi)有圖片顯示
      查看更多

      掃一掃官方微信號(hào)

      加入微信
      在線(xiàn)客服
      微信咨詢(xún)
      微信咨詢(xún)
      現(xiàn)在咨詢(xún),獲取演示賬號(hào)
      企業(yè)logo小米
      立即掃碼加我微信
      電話(huà)咨詢(xún)
      咨詢(xún)電話(huà)
      028-61558715
      預(yù)約演示
      精品一区精品二区制服| 男女很舒服爽视频免费| 国产激情无码视频在线播放性色 | 拍拍拍无挡无遮10000| 亚洲av日韩综合一区久热| 波多野结衣免费| 又粗又大又黄又硬又爽毛片 | 国产精品久久国产精麻豆99网站| 55夜色66夜色国产精品视频| 国内精品伊人久久久久777 | 一边摸边吃奶边做爽动态| 天天综合亚洲色在线精品| 中文字幕国产专区| 成年网站在线观看| 中文国产成人精品久久96| 成人在线免费看片| 久久亚洲精精品中文字幕| 日韩1区2区3区| 久久久精品人妻一区亚美研究所| 成人午夜性A级毛片免费| 一级做a爱片久久毛片| 女人扒开裤子让男人捅| chinese国产一区二区| 国产精品第一页第一页| 99久久综合精品五月天| 国模丽丽啪啪一区二区| 888亚洲欧美国产VA在线播放| 国产精品无码一区二区三级| 91精品国产高清久久久久久io| 国产青榴视频在线观看网站| 99热国产免费| 国产精品毛片完整版视频| 黄a大片av永久免费| 国产传媒在线播放| 色综合久久综合网| 国产成人A亚洲精V品无码| 美女把尿口扒开让男人添| 国产一级片观看| 男人免费桶女人45分钟视频 | chinese国产xxxx中国| 国产精品一区二区在线观看|