亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

  彩色深度  

  彩色深度標(biāo)準(zhǔn)通常有以下幾種：  

  8位色，每個(gè)像素所能顯示的彩色數(shù)為2的8次方，即256種顏色。  

  16位增強(qiáng)色，16位彩色，每個(gè)像素所能顯示的彩色數(shù)為2的16次方，即65536種顏色。  

  24位真彩色，每個(gè)像素所能顯示的彩色數(shù)為24位，即2的24次方，約1680萬種顏色。  

  32位真彩色，即在24位真彩色圖像的基礎(chǔ)上再增加一個(gè)表示圖像透明度信息的Alpha通道。  

  32位真彩色并非是2的32次方的色數(shù)，它其實(shí)也是1677萬多色，不過它增加了256階顏色的灰度,為了方便稱呼，就規(guī)定它為32位色  

  圖的分類  

  光柵圖和矢量圖  

  對(duì)于，一般分光柵圖和矢量圖。  

  光柵圖：是基于pixel像素構(gòu)成的圖像。JPEG、PNG，webp等都屬于此類  

  矢量圖：使用點(diǎn)，線和多邊形等幾何形狀來構(gòu)圖，具有高分辨率和縮放功能.SVG就是一種矢量圖。  

  無壓縮,無損壓縮,有損壓縮  

  另一種分類  

  無壓縮。無壓縮的格式不對(duì)數(shù)據(jù)進(jìn)行壓縮處理，能準(zhǔn)確地呈現(xiàn)原。BMP格式就是其中之一。  

  無損壓縮。壓縮算法對(duì)的所有的數(shù)據(jù)進(jìn)行編碼壓縮，能在保證的質(zhì)量的同時(shí)降低的尺寸。png是其中的代表。  

  有損壓縮。壓縮算法不會(huì)對(duì)所有的數(shù)據(jù)進(jìn)行編碼壓縮，而是在壓縮的時(shí)候，去除了人眼無法識(shí)別的細(xì)節(jié)。因此有損壓縮可以在同等質(zhì)量的情況下大幅降低的尺寸。其中的代表是jpg。  

  前端9種格式  

  誕生時(shí)間  

  對(duì)于超過30歲的程序員來說，她們都很年輕，真的是遇到好時(shí)光！  

  85年前，人們都在干嘛呢？  

  GIF-1987  

  Base64-1987  

  JPEG-1992  

  PNG-1996  

  SVG-1999  

  JPEG2000-1997to2000  

  APNG-2004  

  WebP-2010  

  ico:1985年??  

  查閱文檔說ico文件格式是伴隨著Windows1.0發(fā)行誕生的。  

  GIF  

  GIF是一種索引色模式，所以GIF每幀圖所表現(xiàn)的顏色最多為256種。GIF能夠支持動(dòng)畫，也能支持背景透明，這點(diǎn)連古老的IE6都支持，所以在以前想要在項(xiàng)目中使用背景透明，其中一種方案就是生成GIF。  

  優(yōu)點(diǎn)：  

  支持動(dòng)畫和透明背景  

  兼容性好  

  灰度圖像表現(xiàn)佳  

  支持交錯(cuò)  

  部分接收到的文件可以以較低的質(zhì)量顯示。這在網(wǎng)絡(luò)連接緩慢時(shí)特別有用。  

  缺點(diǎn)：  

  最多支持8位256色，色階過渡糟糕，具有顆粒感  

  支持透明，但不支持半透明，邊緣有雜邊  

  適用場景  

  色彩簡單的logo、icon、線框圖適合采用gif格  

  動(dòng)畫  

  JPG/JPEG  

  這里提個(gè)問題：jpg和jpeg有啥區(qū)別  

  平常我們大部分見到的靜態(tài)圖基本都是這種格式。這種格式的能比較好的表現(xiàn)各種色彩，主要在壓縮的時(shí)候會(huì)有所失真，也正因?yàn)槿绱?，造就了這種格式體積的輕量。  

  優(yōu)點(diǎn)  

  壓縮率高  

  兼容性好  

  色彩豐富  

  缺點(diǎn)  

  JPEG不適合用來存儲(chǔ)企業(yè)Logo、線框類的這種高清圖  

  不支持動(dòng)畫、背景透明  

  JPEG2000（了解即可）  

  JPEG2000是基于小波變換的圖像壓縮標(biāo)準(zhǔn)，由JointPhotographicExpertsGroup組織創(chuàng)建和維護(hù)。JPEG2000通常被認(rèn)為是未來取代JPEG（基于離散余弦變換）的下一代圖像壓縮標(biāo)準(zhǔn)。JPEG2000文件的副檔名通常為.jp2，MIME類型是image/jp2。  

  JPEG2000的壓縮比更高，而且不會(huì)產(chǎn)生原先的基于離散余弦變換的JPEG標(biāo)準(zhǔn)產(chǎn)生的塊狀模糊瑕疵。JPEG2000同時(shí)支持有損壓縮和無損壓縮。  

  目前就safari支持，canisuse-png2000支持18%。  

  優(yōu)點(diǎn)  

  支持有損和無損壓縮  

  缺點(diǎn)  

  支持率太低了  

  ICO  

  ICO(MicrosoftWindows圖標(biāo))文件格式是微軟為Windows系統(tǒng)的桌面圖標(biāo)設(shè)計(jì)的。網(wǎng)站可以在網(wǎng)站的根目錄中提供一個(gè)名為favicon.ICO,在收藏夾菜單中顯示的圖標(biāo)，以及其他一些有用的標(biāo)志性網(wǎng)站表示形式。  

  一個(gè)ICO文件可以包含多個(gè)圖標(biāo)，并以列出每個(gè)圖標(biāo)詳細(xì)信息的目錄開始。  

  其主要用來做網(wǎng)站圖標(biāo)，現(xiàn)在png也是可以用來做網(wǎng)站圖標(biāo)的。  

  PNG  

  PNG格式是有三種版本的，分別為PNG-8，PNG-24，PNG-32，所有這些版本都不支持動(dòng)畫的。PNG-8跟GIF類似的屬性是相似的，都是索引色模式，而且都支持背景透明。相對(duì)比GIF格式好的特點(diǎn)在與背景透明時(shí)，圖像邊緣沒有什么噪點(diǎn)，顏色表現(xiàn)更優(yōu)秀。PNG-24其實(shí)就是無損壓縮的JPEG。而PNG-32就是在PNG-24的基礎(chǔ)上，增加了透明度的支持。  

  如果沒有動(dòng)畫需求推薦使用png-8來替代gif  

  優(yōu)點(diǎn)  

  不失真的情況下盡可能壓縮圖像文件的大小  

  像素豐富  

  支持透明（alpha通道）  

  缺點(diǎn)  

  文件大  

  這里額外提一下，gif和jpg有漸進(jìn)，png有交錯(cuò)，都是在沒有完全下載的時(shí)候，能看到全貌。  

  APNG：AnimatedPNG  

  APNG（AnimatedPortableNetworkGraphics）顧名思義是基于PNG格式擴(kuò)展的一種動(dòng)畫格式，增加了對(duì)動(dòng)畫圖像的支持，同時(shí)加入了24位圖像和8位Alpha透明度的支持，這意味著動(dòng)畫將擁有更好的質(zhì)量，其誕生的目的是為了替代老舊的GIF格式，但它目前并沒有獲得PNG組織官方的認(rèn)可。  

  從CanIUse上查看，除了IE系列，chrome,firefox,safari均已支持。2021-08月的時(shí)候支持達(dá)到94%。  

  相對(duì)GIF來說  

  色彩豐富  

  支持透明  

  向下兼容PNG  

  支持動(dòng)畫  

  缺點(diǎn)  

  生成比較繁瑣  

  未標(biāo)準(zhǔn)化  

  webP  

  有損WebP圖像平均比視覺上類似壓縮級(jí)別的JPEG圖像小25-35%。無損耗的WebP圖像通常比PNG格式的相同圖像小26%。WebP還支持動(dòng)畫:在有損的WebP文件中，圖像數(shù)據(jù)由VP8位流表示，該位流可能包含多個(gè)幀。  

  包括體積小、色彩表現(xiàn)足夠、支持動(dòng)畫。簡直了就是心中的完美女神??！  

  從caniuse-webp上看，支持率95%。主要是Safari低版本和IE低版本不兼容。  

  優(yōu)點(diǎn)  

  同等質(zhì)量更小  

  壓縮之后質(zhì)量無明顯變化  

  支持無損圖像  

  支持動(dòng)畫  

  缺點(diǎn)  

  兼容性吧，相對(duì)jpg,png,gif來說  

  SVG  

  SVG是一種基于xml的矢量圖形格式，它將圖像的內(nèi)容指定為一組繪圖命令，這些命令創(chuàng)建形狀、線條、應(yīng)用顏色、過濾器等等。SVG文件是理想的圖表，圖標(biāo)和其他圖像，可以準(zhǔn)確地繪制在任何大小。因此，SVG是現(xiàn)代Web設(shè)計(jì)中用戶界面元素的流行選擇。  

  優(yōu)點(diǎn)  

  可伸縮性  

  你可以隨心所欲地把它們做大或者做小，而不用犧牲質(zhì)量  

  小  

  Svg平均比GIF、JPEG、PNG小得多，甚至在極高的分辨率下也是如此  

  支持動(dòng)畫  

  更靈活，質(zhì)量無與倫比  

  與DOM無縫銜接  

  Svg可以直接使用HTML、CSS和JavaScript(例如動(dòng)畫)來操作  

  缺點(diǎn)  

  SVG復(fù)雜度高會(huì)減慢渲染速度  

  不適合游戲類等高互動(dòng)動(dòng)畫  

  base64  

  base64編碼就是可以將一副數(shù)據(jù)編碼成一串字符串，使用該字符串代替圖像地址，隨著HTML的下載同時(shí)下載到本地，不再單獨(dú)消耗一個(gè)http來請求。  

  優(yōu)點(diǎn)  

  無額外請求  

  對(duì)于極小或者極簡單  

  可像單獨(dú)一樣使用，比如背景重復(fù)使用等  

  沒有跨域問題，無需考慮緩存、文件頭或者cookies問題  

  缺點(diǎn)  

  相比其他格式，體積會(huì)至少大1/3  

  編碼解碼有額外消耗  

Powered by Froala Editor