工作中，産品上線後，常常因圖像使用不當讓頁面性能降低，造成頁面卡頓。這是因為沒有分清圖像中的基本概念。
位圖和矢量圖位圖就是點陣圖，由像素染色、排列而成，位圖放大時，會看到很多小方塊，從很遠的地方看，位圖看起來連續性比較好，從這一點來看，位圖很像我們平時玩的拼圖。
位圖放大時
遠處看位圖的效果
矢量圖是由一系列線、圓等元素構成的圖像，矢量圖無論拉伸多大，都不會失真。我們在網頁和手機上看到的圖像都是位圖，有很多是矢量圖轉化成位圖的。矢量圖缺點是很難描述非常複雜的寫實圖像。
常見圖片格式位圖常見格式有JPG PNG TIF GIF BMP
矢量圖有AI CDR
各格式位圖對比
各種矢量圖
在UI設計中，常用的格式JPG和PNG，JPG采用高級壓縮方式，能很好地還原圖像的真實性，适合顯示顔色多、構成複雜的圖像，JPG還可通過壓縮比例控制圖像大小。PNG采用無損壓縮，能盡可能的壓縮圖像大小，還能儲存alpha通道，它的顔色層次非常豐富，PNG圖像較大，不适合在網頁展示。簡單的圖像可以采用PNG格式存儲，用于UI設計。
PNG8和PNG24PNG最常用的保存格式為PNG8和PNG24，8和24代表色彩分辨率，PNG8支持1位布爾alpha通道，PNG24支持8位alpha通道，有256種透明度信息。
圖片參數設置在圖像保存、選擇參數時，會遇到以下參數類型：
顔色表類型：
可感知：對人眼敏感的顔色賦予優先權
可選擇：創建顔色表，一般盡量保存更多顔色信息
随樣性：主要由綠色和藍色
仿色：模拟計算機顔色系統中未提供的顔色，有擴散、圖像、雜色三種類型。
,
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
