• <samp id="mz5ne"><acronym id="mz5ne"></acronym></samp>
      <ol id="mz5ne"></ol>
      

    1. <samp id="mz5ne"></samp>
      <mark id="mz5ne"></mark>
        

        <fieldset id="mz5ne"></fieldset>
        

        免费看又黄又无码的网站_久久久高清国产免费观看_亚洲一区二区三区在线免费观看_免费欧洲美女a视频一级毛片_日本最新免费二区三区
        



        

        
  
  
  ×

        

        
  
        
    
        


        
  

  
        
    
  
        

  

        











  
        

        

        





        


        
	

        

		
		
        
			
        

				
				
        
					
        
                    
					
        
					
        
						
        網(wǎng)站圖像優(yōu)化技巧（一）
        
						
          
							
        • 作者：新網(wǎng)
          • 
							
        • 來源：新網(wǎng)
          • 
							
        • 瀏覽：100
          • 
							
        • 2018-02-27 17:43:26
          • 
						
        
						
        網(wǎng)頁圖像的要求是在盡可能短的傳輸時(shí)間里，發(fā)布盡可能高質(zhì)量的圖像。因此在設(shè)計(jì)和處理網(wǎng)頁圖像時(shí)就要求圖像有盡可能高的清晰度與盡可能小的尺寸，從而使圖像的下載速度達(dá)到最快。為此，必須對圖像進(jìn)行優(yōu)化。
        
						
						
         網(wǎng)頁圖像的要求是在盡可能短的傳輸時(shí)間里，發(fā)布盡可能高質(zhì)量的圖像。因此在設(shè)計(jì)和處理網(wǎng)頁圖像時(shí)就要求圖像有盡可能高的清晰度與盡可能小的尺寸，從而使圖像的下載速度達(dá)到最快。為此，必須對圖像進(jìn)行優(yōu)化。
        

        19141204f9me.jpg
        
<div>前端優(yōu)化有很多，圖像優(yōu)化也是其中的一部分。無論是漸進(jìn)增強(qiáng)還是優(yōu)雅降級，圖像優(yōu)化成為了開發(fā)上不可忽視的一部分。
        

         
        

        知其然，須知其所以然
        

         
        

        圖像優(yōu)化的前提是需要了解圖像的基本原理。常規(guī)的圖像格式分為矢量圖和位圖。
        

         
        

        原理：
        

         
        

        矢量圖形使用線、點(diǎn)和多邊形來表示圖像。
        

         
        

        光柵圖形，也可以成為位圖，通過對矩形格柵內(nèi)的每個(gè)像素的值進(jìn)行編碼表示圖像。
        

         
        

        矢量格式適用于簡單形狀圖形，并且變換顏色方便，僅通過 CSS 中的 fill 屬性便可以改變顏色。并且在多大的縮放下都能保證清晰，矢量格式不能滿足復(fù)雜的圖像，例如照片，高清圖。這時(shí)候我們就需要位圖，位圖的格式有很多：
        

         
        

        GIF
        

         
        

        PNG
        

         
        

        JPEG
        

         
        

        JPEG-XR
        

         
        

        WebP
        

         
        

        Bpg
        

         
        

        其中 Webp 是比較流行的圖像格式方案，目前移動(dòng)端 Android 4.0 以上、PC 端 chrome 10+(14 ~ 16 有渲染 bug )、opera 11+ 均支持 webp 格式圖片，相比 jpg 體積減少了 65%，但編碼解碼速度慢了很多，雖然 webp 會(huì)額外增加解碼時(shí)間，但由于體積小了，縮短了加載時(shí)間，實(shí)際上文件的渲染速度反而快了。
        

         
        

        以上就是網(wǎng)站圖像的優(yōu)化技巧。
        

         
        

						
					
        
					
        
                    
					
        
					
					
        
						
        免責(zé)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容，請發(fā)送郵件至：operations@xinnet.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
        
					
        
					
				
        
				
			
        
		
        
	
  
  
  

        
  
        
    
        
    

    
        
  
        

  

        





        
  
  免費(fèi)咨詢獲取折扣
  

        





        

        
  

        Loading
        

        




 




 









国产精品视频白浆免费视频_久久久高清国产免费观看_亚洲一区二区三区在线免费观看_免费欧洲美女a视频一级毛片 

      2. <samp id="mz5ne"><acronym id="mz5ne"></acronym></samp>
          <ol id="mz5ne"></ol>
          

        1. <samp id="mz5ne"></samp>
          <mark id="mz5ne"></mark>
            

            <fieldset id="mz5ne"></fieldset>
            
富宁县|
武陟县|
黄冈市|
孙吴县|
台湾省|
金塔县|
晴隆县|
清河县|
海门市|
博兴县|
定襄县|
保山市|
滨海县|
桃园县|
九寨沟县|
新乡市|
休宁县|
平遥县|
南康市|
读书|
盘山县|
津市市|
榆社县|
民丰县|
临沧市|
泾阳县|
濉溪县|
靖远县|
临沭县|
绍兴市|
合川市|
吉林市|
麟游县|
会泽县|
宕昌县|
珠海市|
旬邑县|
平遥县|
太原市|
保靖县|
苗栗市|