tft每日頭條

 > 圖文

 > 位圖制作矢量圖教程

位圖制作矢量圖教程

圖文 更新时间:2024-07-23 23:25:14

工作中,産品上線後,常常因圖像使用不當讓頁面性能降低,造成頁面卡頓。這是因為沒有分清圖像中的基本概念。

位圖和矢量圖

位圖就是點陣圖,由像素染色、排列而成,位圖放大時,會看到很多小方塊,從很遠的地方看,位圖看起來連續性比較好,從這一點來看,位圖很像我們平時玩的拼圖。

位圖制作矢量圖教程(了解位圖和矢量圖概念)1

位圖放大時

位圖制作矢量圖教程(了解位圖和矢量圖概念)2

遠處看位圖的效果

矢量圖是由一系列線、圓等元素構成的圖像,矢量圖無論拉伸多大,都不會失真。我們在網頁和手機上看到的圖像都是位圖,有很多是矢量圖轉化成位圖的。矢量圖缺點是很難描述非常複雜的寫實圖像。

常見圖片格式

位圖常見格式有JPG PNG TIF GIF BMP

矢量圖有AI CDR

位圖制作矢量圖教程(了解位圖和矢量圖概念)3

各格式位圖對比

位圖制作矢量圖教程(了解位圖和矢量圖概念)4

各種矢量圖

在UI設計中,常用的格式JPG和PNG,JPG采用高級壓縮方式,能很好地還原圖像的真實性,适合顯示顔色多、構成複雜的圖像,JPG還可通過壓縮比例控制圖像大小。PNG采用無損壓縮,能盡可能的壓縮圖像大小,還能儲存alpha通道,它的顔色層次非常豐富,PNG圖像較大,不适合在網頁展示。簡單的圖像可以采用PNG格式存儲,用于UI設計。

PNG8和PNG24

PNG最常用的保存格式為PNG8和PNG24,8和24代表色彩分辨率,PNG8支持1位布爾alpha通道,PNG24支持8位alpha通道,有256種透明度信息。

圖片參數設置

在圖像保存、選擇參數時,會遇到以下參數類型:

顔色表類型:

可感知:對人眼敏感的顔色賦予優先權

可選擇:創建顔色表,一般盡量保存更多顔色信息

随樣性:主要由綠色和藍色

仿色:模拟計算機顔色系統中未提供的顔色,有擴散、圖像、雜色三種類型。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved