SVGA：

　　SVGAConverter 可以將 Flash 以及 After Effects 動畫導出成 .SVGA 文件(實際上是 ZIP 包)，供 SVGAPlayer 在各平臺播放，SVGAPlayer 支持在 iOS / Android / Web / ReactNative / LayaBox 等平臺、游戲引擎播放。

　　SVGA 做的事情，實際上，非常簡單，Converter 會負責從 Flash 或 AE 源文件中提取所有動畫元素(位圖、矢量)，并將其在時間軸中的每幀表現(xiàn)(位移、縮放、旋轉(zhuǎn)、透明度)導出。 Player 會負責將這些信息還原至畫布上。

　　因此，你會發(fā)現(xiàn)，SVGA 既有序列幀的特點，又有元素動畫的特點。Player 邏輯極度簡單，她只負責粗暴地將每一個元素，絲毫不差地渲染到屏幕上，而無須任何插值計算。

　　SVG：

　　SVG是一種圖像文件格式，它的英文全稱為Scalable Vector Graphics，意思為可縮放的矢量圖形。它是基于XML(Extensible Markup Language)，由World Wide Web Consortium(W3C)聯(lián)盟進行開發(fā)的。嚴格來說應(yīng)該是一種開放標準的矢量圖形語言，可讓你設(shè)計激動人心的、高分辨率的Web圖形頁面。用戶可以直接用代碼來描繪圖像，可以用任何文字處理工具打開SVG圖像，通過改變部分代碼來使圖像具有交互功能，并可以隨時插入到HTML中通過瀏覽器來觀看

　　Webp：

　　WebP(發(fā)音：weppy)是一種同時提供了有損壓縮與無損壓縮(可逆壓縮)的圖片文件格式，派生自影像編碼格式VP8，被認為是WebM多媒體格式的姊妹項目，是由Google在購買On2 Technologies后發(fā)展出來，以BSD授權(quán)條款發(fā)布。

　　WebP最初在2010年發(fā)布，目標是減少文件大小，但達到和JPEG格式相同的圖片質(zhì)量，希望能夠減少圖片檔在網(wǎng)絡(luò)上的發(fā)送時間。2011年11月8日，Google開始讓WebP支持無損壓縮和透明色(alpha通道)的功能，而在2012年8月16日的參考實做libwebp 0.2.0中正式支持。根據(jù)Google較早的測試，WebP的無損壓縮比網(wǎng)絡(luò)上找到的PNG檔少了45%的文件大小，即使這些PNG檔在使用pngcrush和PNGOUT處理過，WebP還是可以減少28%的文件大小。

　　WebP支持的像素最大數(shù)量是16383x16383。有損壓縮的WebP僅支持8-bit的YUV 4:2:0格式。而無損壓縮(可逆壓縮)的WebP支持VP8L編碼與8-bit之ARGB色彩空間。又無論是有損或無損壓縮皆支持Alpha透明通道、ICC色彩配置、XMP詮釋數(shù)據(jù)。

　　WebP有靜態(tài)與動態(tài)兩種模式。動態(tài)WebP(Animated WebP)支持有損與無損壓縮、ICC色彩配置、XMP詮釋數(shù)據(jù)、Alpha透明通道。

　　點九切圖：

　　安卓特有的切圖格式，一般用于經(jīng)常需要拉伸變化的素材中，如：會話氣泡

　　在制作點九切圖過程中，需要在素材四周預留一個像素空白，畫黑線，左邊和上邊控制拉伸區(qū)域，右邊和下邊控制內(nèi)容顯示區(qū)域，保存時候命名為***.9.png

　　Rpx:

　　rpx 是微信小程序解決自適應(yīng)屏幕尺寸的尺寸單位。微信小程序規(guī)定屏幕的寬度為750rpx。

　　rem/em：

　　em是相對長度單位。相對于當前對象內(nèi)文本的字體尺寸。如當前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認字體尺寸。

　　em的特點：

　　1. em的值并不是固定的；

　　2. em會繼承父級元素的字體大小。

　　REM

　　rem是CSS3新增的一個相對單位(root em，根em)，這個單位引起了廣泛關(guān)注。這個單位與em有什么區(qū)別呢?區(qū)別在于使用rem為元素設(shè)定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復合的連鎖反應(yīng)。目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。

　　pt/dp/sp：

　　dp安卓開發(fā)的長度單位，sp安卓開發(fā)的字體 大小單位。

　　pt是iOS開發(fā)使用的開發(fā)單位。

　　精靈圖/雪碧圖：

　　是一種CSS圖像合并技術(shù)，該方法是將小圖標和背景圖像合并到一張圖片上，然后利用css的背景定位來顯示需要顯示的圖片部分。

　　雪碧圖被運用在眾多使用了很多小圖標的網(wǎng)站上。相對于把每張小圖標以.png格式文件的形式引用到頁面上，使用雪碧圖只需要引用一張圖片，對內(nèi)存和帶寬更好，并且可以減小圖片的總大小。

　　更多關(guān)于UI培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。