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

    以下一組數據,足以說明網頁打開速度的重要性。

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

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

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

    研究顯示,如果等待12秒以后,網頁還是沒有載入,那么99%以上的用戶會關閉這個網頁,不再等待。   

    但是,如果在等待載入期間,網站能夠向用戶顯示反饋消息,比如一個進度條,那么用戶可以忍受的時間會延長到38秒。

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

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

    Amazon的統計也顯示了相近的結果,首頁打開時間每增加100毫秒,網站銷售量會減少1%。

     

    影響網頁打開速度的因素主要有以下幾個方面:

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

    (2)服務器帶寬:這個是很重要的因素之一,一個標準1U服務器的托管費用,從4000元到數萬元一年不等,其中,機房穩定性,帶寬,出口訪問速度,就是很重要的原因,也是價格區別大的原因。

    (3)程序語言:程序代碼冗余,內容與樣式沒有分離,不合理腳本程序,查詢語句,死循環,程序錯誤等都可能導致網頁打開速度慢;

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

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

     

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

     

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

    1、影響圖片大小的因素

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

    有多少KB會影響網頁打開速度,但像素大小與KB大小,并不成正比。

    當訪問網頁時,用戶需要下載這個圖片后才能顯示,所以訪問者的網速越慢,你的圖片KB越大,打開就越慢。

     

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

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

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

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

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

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

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

            

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

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

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

    (1)用photoshop調整圖片大小

    第1步,第2步, 點擊圖像選項,選擇圖片大小設置

     

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

     

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

    第6步,可以切換圖片格式,不同格式可以發現,下圖左下角圖片大小的變化,當前已經為40.41KB(這個大小是比較適合放到網頁上的)

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

    第8步,保存,準備用于網站上傳。

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

    第1步,第2步,按網頁顯示需要,調整圖片尺寸

    第3步,保存操作


    第4步,準備保存圖片

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

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

    第8步,保存到電腦 ,準備上傳到網站上。

     

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

     

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

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

     

    相關閱讀
    說明

    贊   6

    有一點幫助   1

    沒有幫助  

    參與評論

    他們說...

    積分獲取更多
    思途CMS系統更新動態
    • 2025-08-19
      1、【功能優化】12301合同預覽方式優化
      2、【功能優化】微信支付后虛擬發貨代碼更新
      3、【功能優化】后臺運營助手新增權限管理
      4、【功能優化】12301合同預覽方式優化
      5、【功能優化】編輯器上傳圖片支持上傳到七牛云
      6、【功能優化】后臺供應商坐標選擇優化
    查看更多

    掃一掃官方微信號

    加入微信
    在線客服
    微信咨詢
    微信咨詢
    現在咨詢,獲取演示賬號
    企業logo小米
    立即掃碼加我微信
    電話咨詢
    咨詢電話
    028-61558715
    預約演示
    主站蜘蛛池模板: 色天使亚洲综合一区二区| 67194线路1(点击进入)手机版| 色偷偷91综合久久噜噜app| 国产精品久久久久久影视| 中文字幕手机在线播放| 欧美日韩一区二区三区免费不卡| 免费a级毛片在线播放| 精品视频一区二区三区在线播放 | 欧美丰满大乳大屁股流白浆| 北条麻妃一区二区三区av高清 | 亚洲国产精品线在线观看| 特级aaaaaaaaa毛片免费视频| 国产在线观看无码免费视频| GOGO人体大胆全球少妇| 日本亚洲精品色婷婷在线影院| 亚洲欧美乱日韩乱国产| 美国人与动性xxx杂交视频| 国产激情一区二区三区| 8x国产在线观看| 小小视频最新免费观看在线| 中文字幕日韩三级| 欧美中文字幕在线视频| 亚洲欧美精品一区天堂久久| 激情综合色综合久久综合| 免费人成在线观看网站| 精品久久久中文字幕人妻| 午夜福利一区二区三区高清视频| 老司机天堂影院| 国产91在线播放动漫| 国产精品免费看久久久| ww4545四虎永久免费地址| 无限韩国视频免费播放| 亚洲中文无码a∨在线观看| 男女猛烈xx00免费视频试看| 国产剧情一区二区三区| 99久久国产综合精品成人影院 | 亚洲人成网站999久久久综合| 男女超爽视频免费播放| 国产偷窥熟女精品视频| 麻豆高清区在线| 国产女人18毛片水真多18精品|