zoukankan      html  css  js  c++  java
  • 图片格式——位图与矢量图

    ☆图片格式

    ㈠位图

    ①位图又称为点阵图像,是由像素(图片元素)的单个点组成的。通常分为8位,16位,24位和32位。

    ②所谓8位图并不是只有8种颜色,而是2的8次幂(即256)种颜色,8位图指的是用8个bits来表示颜色,对人眼的感觉来说,16位色基本能满足需要了。

    ③24位又称为“真色彩”,2的24次幂,大概有1600万种颜色之多,这个数字差不多是人眼可以分辨颜色的极限了。

    ④32位色并不是2的32次幂,其实也是2的24次幂,不过它添加了2的8次幂阶颜色的灰度,也就是8位透明度,因此规定它为32位色。

    ⑤在制作页面的时候,一般选用24位图像。因为32位图像会带来更大的图像容量,会使浏览器加载页面速度变慢。

    ⑥放大原始位图,图像会失真,缩小原始位图,同样会使图像效果失真,这是因为缩小图像,减少的是图像中像素的数量。

     

    ㈡位图格式

    ①JPG格式

    jpg可以很好地处理大面积色调的图像,如相片,网页中一般的图片

     

    ②PNG格式

    PNG支持透明信息。所谓透明,即图像可以浮现在其他页面文件或页面图像之上。可以说PNG是专门为web创造的图像,通常大部分页面设计者在页面中加入logo或者一些点缀的小图像时,都会选用PNG格式。PNG格式图片体积小,而且无损压缩,能保证网页打开速度,所以PNG格式图片是很好地选择。

     

    ③GIF格式

    GIF只支持256色以内的图像。所以,GIF格式的图片效果是很差的。但是,GIF可以制作动画,图像作者利用图像处理软件,将静态的GIF图像设置为单帧画面,然后把这些单帧画面连在一起,设置好一个画面到下一个画面的间隔时间,最后保存为GIF格式就可以了。可以说,这就是简单的逐帧动画。

     

    当处理色调复杂,绚丽的图像时,如照片,图画等,适合使用jpg格式;而处理一些logo,banner,简单线条构图的时候,适合使用PNG格式;GIF格式通常只适合表达动画效果。

     

    ㈢矢量图

    ①矢量图格式

    矢量图又称为“向量图”。矢量图是计算机图形中用点,直线或者多边形等基于数学方程的几何图元表示的图像。

    矢量图是以一种数学描述的方式来记录图像内容的图像格式。如一个方程式y=kx,当这个小方程体现在坐标系上的时候,设置不同的参数可以绘制不同角度的直线,这就是矢量图的构图原理。

    矢量图最大的优点是:无论放大,缩小或是旋转等,图像都不会失真。最大的缺点就是:难以表现色彩层次丰富的逼真图像效果。

     

    ②矢量图格式

    矢量图的后缀一般有“.ai”,".cdf",".swf"和".fh"。

    “.ai”后缀的文件是一种静帧的矢量文件格式。".cdf"后缀的文件多为工程图。".swf"格式文件指的是Flash。

     

    ㈣位图和矢量图区别

    ①位图受分辨率的影响,而矢量图不受分辨率影响。因此,当图片放大时,位图清晰度会变低,而矢量图清晰度不变。

    ②位图的组成单位是“像素”,而矢量图的组成单位是“数学向量”。

    ③位图适用于色彩丰富的图片,而矢量图却不适用于色彩丰富的图片。

    ④位图常用于网页中的照片,容量较大;矢量图常用于印刷行业,网页logo或矢量插图。

  • 相关阅读:
    Android 解决小米手机Android Studio安装app 报错的问题It is possible that this issue is resolved by uninstalling an existi
    Android Unresolved Dependencies
    Android studio 自定义打包apk名
    Android Fragment与Activity交互的几种方式
    魅族和三星Galaxy 5.0webView 问题Android Crash Report
    Android几种常见的多渠道(批量)打包方式介绍
    Android批量打包 如何一秒内打完几百个apk渠道包
    上周热点回顾(9.30-10.6)团队
    上周热点回顾(9.23-9.29)团队
    上周热点回顾(9.16-9.22)团队
  • 原文地址:https://www.cnblogs.com/shihaiying/p/11831972.html
Copyright © 2011-2022 走看看