• <ul id="ay02o"></ul>
    <kbd id="ay02o"></kbd>
    
    
  • <samp id="ay02o"><pre id="ay02o"></pre></samp>
    <pre id="ay02o"></pre>
    購物車中還沒有商品,趕緊選購吧!
    首頁  >  產(chǎn)品更新  >  影響圖片大小的因素-如何將圖片的KB做的更小
    影響圖片大小的因素-如何將圖片的KB做的更小

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

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

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

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

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

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

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

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

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

     

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

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

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

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

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

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

     

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

     

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

    1、影響圖片大小的因素

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

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

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

     

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

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

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

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

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

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

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

            

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

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

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

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

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

     

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

     

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

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

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

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

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

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

    第3步,保存操作


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

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

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

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

     

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

     

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

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

     

    相關(guān)閱讀
    說明

    贊   6

    有一點(diǎn)幫助   1

    沒有幫助  

    參與評(píng)論

    他們說...

    積分獲取更多
    思途CMS系統(tǒng)更新動(dòng)態(tài)
    • 2025-04-23
      1、【功能優(yōu)化】店鋪裝修細(xì)節(jié)優(yōu)化
      2、【BUG修復(fù)】訂單支付后循環(huán)待確認(rèn)
    查看更多

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

    加入微信
    在線客服
    微信咨詢
    微信咨詢
    現(xiàn)在咨詢,獲取演示賬號(hào)
    企業(yè)logo小米
    立即掃碼加我微信
    電話咨詢
    咨詢電話
    028-61558715
    預(yù)約演示
    主站蜘蛛池模板: 国语自产少妇精品视频| 日日噜噜夜夜爽爽| 亚洲精品tv久久久久久久久| 美国人与动性xxx杂交视频| 国产免费av片在线播放| 四虎免费影院ww4164h| 国产老熟女网站| JAPANRCEP老熟妇乱子伦视频| 成人欧美日韩一区二区三区| 久久久老熟女一区二区三区| 日韩视频一区二区在线观看| 亚洲午夜成人片| 欧美日韩国产在线人成| 亚洲综合色一区| 男人天堂网2017| 免费在线观看污视频| 精品天海翼一区二区| 四虎影片国产精品8848| 草莓视频未满十八岁| 国产午夜精品一区理论片| 国产极品粉嫩交性大片| 国产精品国产三级国产普通话 | 伊人久久大香线蕉AV成人| 精品亚洲一区二区三区在线播放| 噜噜影院无毒不卡| 色五月在线视频| 国产三级网站在线观看播放| 青青青伊人色综合久久| 国产在线精品一区二区夜色| 黑白禁区在线观看免费版| 国产欧美日韩三级| 欧美一级特黄乱妇高清视频 | 久久久久人妻精品一区蜜桃| 日韩一级二级三级| 久久精品国产精品亚洲艾草网| 欧美XXXX黑人又粗又长精品| 亚洲免费黄色网| 欧美一区二区福利视频| 亚洲a视频在线观看| 欧美一区二区三区在线观看| 亚洲国产AV一区二区三区|