精华内容
下载资源
问答
  • PS常用工具常见的图片格式和特点、 IE 浏览器常见兼容问题、CSS Hack PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键:v 抓手工具 快捷键:h 空格 + 鼠标左键拖动,空格键可...

    PS常用工具常见的图片格式和特点、 IE 浏览器常见兼容问题、CSS Hack

    PS常用工具

    • 移动工具
      • 移动工具主要负责图层、选区、等的移动、复制操作。
      • 快捷键:v
    • 抓手工具
      • 快捷键:h
      • 空格 + 鼠标左键拖动,空格键可临时转换为抓手工具。
    • 放大镜工具
      • 放大镜工具可以放大或缩小图像。
      • 放大:点击放大工具,点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。
      • 缩小:点击缩小工具,点击图像。Ctrl+ 减号。按住 alt+ 鼠标滚动滚轮。
    • 文字工具
      • 快捷键:t
      • 文字工具是用来输入文本的。
    • 吸管工具
      • 快捷键:i
    • 标尺工具
      • 标尺工具可以用来测量图像的高度或者宽度。
      • 属性栏: x 和 y:绘制的起点坐标。 W:标尺投射到 x 轴上的宽度。 H:标尺投射到 y 轴上的高度。(正负仅代表方向,x 轴方向向右,y 轴方向向下)。
    • 颜色叠加
      • 颜色叠加可以将原有颜色改变为指定颜色,并通过调整其混合模式和不透明度来控偶之颜色叠加的效果,也能够更加完善图片的色彩度,使图片变为指定的某一种颜色。
    • 切片工具
      • 根据用户需求截出图片中的任何一部分,同时一张图上可以切多个地方。另存为 web 所用格式的时候能将所 切的各个部分分别保存成一张图片,完全区分开来。 保存时可选择图片格式以及切片类型。
    • 制作表情包
      • 将表情素材调入PS中;
      • 再找一张脸部细节丰富的人物照片,同样调入PS里;
      • 利用套索工具,将人物中表情部分扣取下来,拖入表情素材内。Ctrl+T调整一下表情的尺寸,让它和素材大小协调;
      • Ctrl+Shift+U首先对表情部分去色,然后按下Ctrl+M调出曲线工具,将对比度压低,整个表情打亮。这里特别说一下,挑选素材图时一定要注意去找那些面部打光均匀的照片,避免存在明暗过渡明显的“阴阳脸”,否则会给后期图片处理带来很多麻烦;
      • 双击表情图层,然后按住Alt键依次拖动混合颜色带右侧两个高光滑杆,你会发现表情就完美地嵌入到素材中了;

    常见的图片格式和特点

    格式 优点 缺点 使用场景
    jpg 色彩丰富,文件小 有损压缩,反复保存图片质量下降明显 色彩丰富的图片/渐变图像
    gif 文件小,支持动画、透明,兼容性比较好 只支持256种颜色 色彩简单的logo/icon/动图
    png 无损压缩,支持透明,简单图片尺寸小 不支持动画,色彩丰富的图片尺寸大 logo/icon/透明图
    webp 文件小,支持有损和无损压缩,支持动画、透明 浏览器兼容性不好 支持webp格式的app和webview

    IE 浏览器常见兼容问题

    • 兼容问题
      • ie中图片边框问题
        • 图片放在a标签中
        • <style>
            img {
                /* border: none; */
                /* border: 0; */
                border: 10px solid red;
            }
          </style>
          </head>
          <body>
          <a href="#">
            <img src="./img/03.jpg" alt="">
          </a>
          </body>
          
    • ie8以下浏览器中背景复合属性的写法问题
      • <style>
          * {
              padding: 0;
              margin: 0;
          }
          .box {
              width: 100%;
              height: 300px;
           /* 背景复合属性问题:解决方法就是不要省略空格 */
           /* background:red url(./img/03.jpg)no-repeat center; */
              background:red url(./img/03.jpg) no-repeat center;
          }
        </style>
         </head>
        <body>
        <div class="box">
        
         </div>
        </body>
        
    • 其他ie低版本兼容问题
      • 在IE6及更早浏览器中定义小高度的容器
        • <style>
          .box {
              height: 1px;
              background-color: red;
              overflow: hidden;
              font-size: 0;
              line-height: 0;
          }
          </style>
          </head>
          <body>
          <div class="box"></div>
          </body>
          
      • IE6及更早浏览器浮动时产生双倍边距的BUG
        • 解决方案:针对ie6设置该标签的display属性为inline即可
        • <style>
          * {
              padding: 0;
              margin: 0;
          }
          .box {
              width: 200px;
              height: 200px;
              background-color: red;
              float: left;
              margin-left: 10px;
              /* _ 只有ie6生效 */
              _display: inline;
           }
           </style>
          
      • IE7及更早浏览器下子标签相对定位时父标签overflow属性的auto|hidden失效的问题
      • 解决方案:给父标签也设置相对定位position:relative;
        •  <style>
          * {
              padding: 0;
              margin: 0;
          }
          .wrap {
              width: 300px;
              height: 300px;
              background-color: red;
              overflow: hidden;
              /* 解决方法:给父标签加相对定位 */
              position: relative;
          }
          .box {
              width: 200px;
              height: 200px;
              background-color: blue;
              position: relative;
              left: 150px;
              
          }
          </style>
          </head>
          <body>
          <div class="wrap">
          <div class="box"></div>
          </div>
          </body>
          
      • 块转行内块 ie7 不在一行显示
        • 解决方案:
        • <style>
          * {
              padding: 0;
              margin: 0;
          }
          .box {
              width: 200px;
              height: 200px;
              background-color: red;
              display: inline-block;
              /* * ie7以下生效 */
              *display: inline;
              *zoom: 1;
          }
          </style>
          </head>
          <body>
            <div class="box"></div>
            <div class="box"></div>
          </body>
          
      • ie7 及以下浏览器 清浮动问题
        • <style>
          * {
              padding: 0;
              margin: 0;
          }
          .wrap {
              border: 1px solid #000;
          }
          .box1 {
              width: 300px;
              height: 300px;
              background-color: red;
              float: left;
          }
          .box2 {
              width: 200px;
              height: 200px;
              background-color: blue;
              float: left;
          }
          /* : 单冒号兼容性更好,不推荐用双冒号 :: */
          .clearfix:after {
              content: '';
              display: block;
              clear: both;
          }
          
          /* 兼容 ie7 及以下浏览器 清浮动问题 */
          .clearfix {
              *zoom: 1;
          }
          </style>
          </head>
          <body>
           <div class="wrap clearfix">
             <div class="box1"></div>
             <div class="box2"></div>
           </div>
          </body>
          

    CSS Hack

    • 条件Hack
      • 大于:gt

      • 大于或等于:gte

      • 小于:lt

      • 小于或等于:lte

      • <!--[if IE]>
               <p>只在IE中能看到这个段落</p> 
           <![endif]-->
           //只有IE6以上,才能看到应用了test类的标签是红色文本
         <!--[if gt IE 6]>
               <style>
                 .test {
                       color:red;
                    }
               </style>
         <![endif]-->
        
      • IE10以上已经将条件注释移除,使用时要注意

      • 属性级Hack

        • _ 下划线:选择IE6及以下
        • *:选择IE7及以下
        • \0:选择ie8以上
      • color:red;//所有浏览器可识别
        _color:red;//仅IE6识别
        *color:red;//IE6、IE7识别
        color:red\0;//IE8、IE9识别
        
      • 选择符级Hack

        • * html .box {
              background:red;
          }//只有在IE6显示红色
          
        • * + html .box {
              background:red;
          }//只有在IE7显示红色
          
    展开全文
  • 放大镜工具可以放大或缩小图像。 放大:点击放大工具,点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。 缩小:点击缩小工具,点击图像。Ctrl+ 减号。按住 alt+ 鼠标滚动滚轮。 文字工具 快捷键:t 文字工具是...

    day07

    项目切图规范

    PS常用工具

    • 移动工具
      • 移动工具主要负责图层、选区、等的移动、复制操作。
      • 快捷键:v
    • 抓手工具
      • 快捷键:h
      • 空格 + 鼠标左键拖动,空格键可临时转换为抓手工具。
    • 放大镜工具
      • 放大镜工具可以放大或缩小图像。
      • 放大:点击放大工具,点击图像。Ctrl+ 加号。按住 alt+ 鼠标滚动滚轮。
      • 缩小:点击缩小工具,点击图像。Ctrl+ 减号。按住 alt+ 鼠标滚动滚轮。
    • 文字工具
      • 快捷键:t
      • 文字工具是用来输入文本的。
    • 吸管工具
      • 快捷键:i
    • 标尺工具
      • 标尺工具可以用来测量图像的高度或者宽度。
      • 属性栏: x 和 y:绘制的起点坐标。 W:标尺投射到 x 轴上的宽度。 H:标尺投射到 y 轴上的高度。(正负仅代表方向,x 轴方向向右,y 轴方向向下)。
    • 切片工具
      • 根据用户需求截出图片中的任何一部分,同时一张图上可以切多个地方。另存为 web 所用格式的时候能将所 切的各个部分分别保存成一张图片,完全区分开来。 保存时可选择图片格式以及切片类型。
    • 制作表情包
      • 将表情素材调入PS中;
      • 再找一张脸部细节丰富的人物照片,同样调入PS里;
      • 利用套索工具,将人物中表情部分扣取下来,拖入表情素材内。Ctrl+T调整一下表情的尺寸,让它和素材大小协调;
      • Ctrl+Shift+U首先对表情部分去色,然后按下Ctrl+M调出曲线工具,将对比度压低,整个表情打亮。这里特别说一下,挑选素材图时一定要注意去找那些面部打光均匀的照片,避免存在明暗过渡明显的“阴阳脸”,否则会给后期图片处理带来很多麻烦;
      • 双击表情图层,然后按住Alt键依次拖动混合颜色带右侧两个高光滑杆,你会发现表情就完美地嵌入到素材中了;

    常见的图片格式和特点

    格式 优点 缺点 使用场景
    jpg 色彩丰富,文件小 有损压缩,反复保存图片质量下降明显 色彩丰富的图片/渐变图像
    gif 文件小,支持动画、透明,兼容性比较好 只支持256种颜色 色彩简单的logo/icon/动图
    png 无损压缩,支持透明,简单图片尺寸小 不支持动画,色彩丰富的图片尺寸大 logo/icon/透明图
    webp 文件小,支持有损和无损压缩,支持动画、透明 浏览器兼容性不好 支持webp格式的app和webview

    CSS精灵

    • 什么是 CSS 精灵

    • 英文叫法 CSS sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位“

      • <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>Document</title>
            <style>
                .box {
                    width: 50px;
                    height: 50px;
                    background-image: url(./images/jingling.jpg);
                }
                .box1 {
                    background-position: -150px 0;
                }
                .box2 {
                    background-position: -200px -50px;
                }
            </style>
        </head>
        <body>
            <img src="./images/jingling.jpg" alt="">
            <div class="box box1"></div>
            <div class="box box2"></div>
        </body>
        </html>
        
    • CSS 精灵优缺点

      • 优点:
        • 减少网页的 http 请求,从而大大的提高页面的性能;
        • 图片命名上的困扰;
        • 更换风格方便。
      • 缺点:
        • 必须要限定容器大小符合背景图元素位置,需要计算

    CSS小箭头

    • <!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Document</title>
          <style>
              body {
                  background-color: blue;
              }
              * {
                  padding: 0;
                  margin: 0;
              }
              .box1 {
                  width: 0;
                  height: 0;
                  border-width: 100px;
                  border-style: solid;
                  border-color: transparent transparent transparent red;
                  position: absolute;
                  top: 0;
              }
              .box2 {
                  width: 0;
                  height: 0;
                  border-width: 100px;
                  border-style: solid;
                  border-color: transparent transparent transparent blue;
                  position: absolute;
                  top: 0;
                  left: -10px;
              }
              .wrap {
                  width: 100px;
                  height: 200px;
                  margin: 0 auto;
                  position: relative;
              }
          </style>
      </head>
      <body>
          <div class="wrap">
              <div class="box1"></div>
              <div class="box2"></div>
          </div>
      </body>
      </html>
      

    BFC (Block Formatting Context) 块级格式化上下文

    • 什么是bfc?

      • Formatting Context:指页面中的一个渣染区域,并且拥有一套渣染规则,他决定了 其子标签如何定位,以及与其他标签的相互关系和作用。

        BFC块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level BOX参与, 该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。

    • 怎样生成BFC

      • 根标签
      • float的值不为none
      • overflow 的值不为 visible
      • display 的值为 inline-block
      • position 的值为 absolute 或 fixed
    • BFC的特性

      • 内部的标签默认会在垂直方向上一个接一个的放置。
      • 垂直方向上的距离由margin决定,属于同一个BFC的两个相邻标签的margin会发 生重叠。
      • 每个标签的左外边距与包含块的左边界相接触(从左向右),即使浮动标签也是如此。
      • BFC 的区域不会与 float 的标签区域重叠。
      • 计算BFC的髙度时,浮动子标签也参与计算。
      • BFC就是页面上的一个隔离的独立容器,容器里面的子标签不会影响到外面标签, 反之亦然。
    • BFC解决的问题

      • 外边距塌陷
      • 清浮动
      • 两栏或者三栏自适应布局

    阿里矢量图标

    https://www.cnblogs.com/xiaonian0327/p/7735799.html

    展开全文
  • HTML文档中的图像格式

    千次阅读 2017-05-22 22:53:12
    (不定项选择题)嵌入在HTML文档中的图像格式可以是? A *.gif B *.tif C *.bmp D *.jpg 答案:ACD 网页html文档支持的图片格式有jpg , gif , png bmp 这四种。 jpg , gif png 格式的图片特点是...

    (不定项选择题)嵌入在HTML文档中的图像格式可以是?
    A *.gif
    B *.tif
    C *.bmp
    D *.jpg
    答案:ACD
    网页html文档支持的图片格式有jpg , gif , png 和 bmp 这四种。
    jpg , gif 和 png 格式的图片特点是体积很小,因为在网上很常见,
    然而 bmp就不常见了,因为这种格式虽然很清晰色彩丰富,但是所占内存很大,所以很少见,但是也是支持的。一共这4种。

    展开全文
  • 一、BMP格式 BMP是英文Bitmap(位图)的简写,它是windows操作...这种格式特点是包含的图像信息较丰富,几乎不进行压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以,目前BMP在单机上比较流行。 二、
    一、BMP格式
    BMP是英文Bitmap(位图)的简写,它是windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持。随着windows操作系统的流行与丰富的Windows应用程序的开发,BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富,几乎不进行压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以,目前BMP在单机上比较流行。
    二、TIFF格式

    TIFF(Tag Image File Format)是Mac中广泛使用的图像格式,它由Aldus和微软联合开发,最初是出于跨平台存储扫描图像的需要而设计的。它的特点是图像格式复杂、存贮信息多。正因为它存储的图像细微层次的信息非常多,图像的质量也得以提高,故而非常有利于原稿的复制。

    该格式有压缩和非压缩二种形式,其中压缩可采用LZW无损压缩方案存储。不过,由于TIFF格式结构较为复杂,兼容性较差,因此有时你的软件可能不能正确识别TIFF文件(现在绝大部分软件都已解决了这个问题)。目前在Mac和PC机上移植TIFF文件也十分便捷,因而TIFF现在也是微机上使用最广泛的图像文件格式之一。
    三、GIF格式
     GIF是英文Graphics Interchange Format(图形交换格式)的缩写。顾名思义,这种格式是用来交换图片的。事实上也是如此,上世纪80年代,美国一家著名的在线信息服务机构CompuServe针对当时网络传输带宽的限制,开发出了这种GIF图像格式。 

    GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像格式迅速得到了广泛的应用。 最初的GIF只是简单地用来存储单幅静止图像(称为GIF87a),后来随着技术发展,可以同时存储若干幅静止图象进而形成连续的动画,使之成为当时支持2D动画为数不多的格式之一(称为GIF89a),而在GIF89a图像中可指定透明区域,使图像具有非同一般的显示效果,这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件,也称为GIF89a格式文件。

    此外,考虑到网络传输中的实际情况,GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输过程的继续而逐步看清图像中的细节部分,从而适应了用户的"从朦胧到清楚"的观赏心理。目前Internet上大量采用的彩色动画文件多为这种格式的文件。

    但GIF有个小小的缺点,即不能存储超过256色的图像。尽管如此,这种格式仍在网络上大行其道应用,这和GIF图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等优势是分不开的。
    四、JPEG格式
     JPEG也是常见的一种图像格式,它由联合照片专家组(Joint Photographic Experts Group)开发并以命名为"ISO 10918-1",JPEG仅仅是一种俗称而已。JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。

    同时JPEG还是一种很灵活的格式,具有调节图像质量的功能,允许你用不同的压缩比例对这种文件压缩,比如我们最高可以把1.37MB的BMP位图文件压缩至20.3KB。当然我们完全可以在图像质量和文件尺寸之间找到平衡点。

    由于JPEG优异的品质和杰出的表现,它的应用也非常广泛,特别是在网络和光盘读物上,肯定都能找到它的影子。目前各类浏览器均支持JPEG这种图像格式,因为JPEG格式的文件尺寸较小,下载速度快,使得Web页有可能以较短的下载时间提供大量美观的图像,JPEG同时也就顺理成章地成为网络上最受欢迎的图像格式。
    五、SVG格式
    SVG可以算是目前最最火热的图像文件格式了,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有互交功能,并可以随时插入到HTML中通过浏览器来观看。 

    它提供了目前网络流行格式GIF和JPEG无法具备了优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;字在SVG图像中保留可编辑和可搜寻的状态;平均来讲,SVG文件比JPEG和GIF格式的文件要小很多,因而下载也很快。可以相信,SVG的开发将会为Web提供新的图像标准。
    六、PSD格式
    这是著名的Adobe公司的图像处理软件Photoshop的专用格式Photoshop Document(PSD)。PSD其实是Photoshop进行平面设计的一张"草稿图",它里面包含有各种图层、通道、遮罩等多种设计的样稿,以便于下次打开文件时可以修改上一次的设计。在Photoshop所支持的各种图像格式中,PSD的存取速度比其它格式快很多,功能也很强大。由于Photoshop越来越被广泛地应用,所以我们有理由相信,这种格式也会逐步流行起来。 
    七、CDR格式

    它是一种矢量图文件,同样cdr文件可使用CorelDraw软件打开。这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能,是一款主要面向绘图设计师和印刷输出人员的矢量图形设计和排版软件,由于CorelDRAW是矢量图形绘制软件,所以CDR可以记录文件的属性、位置和分页等。但它在兼容度上比较差,所有CorelDraw应用程序中均能够使用,但其他图像编辑软件打不开此类文件。 CDR文件是一种矢量图文件,用Corel Draw打开,下载一个Corel Draw软件就行了。Corel Draw被广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等诸多领域,其功能可大致分为两大类:绘图与排版。

    八、EPS格式

    EPS格式是Illustrator CS5和Photoshop CS5之间可交换的文件格式。 EPS文件是目前桌面印刷系统普遍使用的通用交换格式当中的一种综合格式。EPS文件格式又被称为带有预视图象的PS格式,它是由一个PostScript语言的文本文件和一个(可选)低分辨率的由PICT或TIFF格式描述的代表像组成。 EPS文件就是包括文件头信息的PostScript 文件,利用文件头信息可使其他应用程序将此文件嵌入文档。EPS是PC机用户较少见的一种格式,而苹果Mac机的用户则用得较多。它是用PostScript语言描述的一种ASCII码文件格式,主要用于排版、打印等输出工作。 
    建议你将一幅图像装入到Adobe Illustrator、QuarkXPress等软件时,最好的选择是EPS。但是,由于EPS格式在保存过程中图像体积过大,因此,如果仅仅是保存图像,建议你不要使用EPS格式。如果你的文件要打印到无PostScript的打印机上,为避免打印问题,最好也不要使用EPS格式。你可以用TIFF或jpeg来替代。
    九、PNG格式
    PNG(Portable Network Graphics)是一种新兴的网络图像格式。在1994年底,由于Unysis公司宣布GIF拥有专利的压缩方法,要求开发GIF软件的作者须缴交一定费用,由此促使免费的png图像格式的诞生。PNG一开始便结合GIF及JPG两家之长,打算一举取代这两种格式。1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准,并且大部分绘图软件和浏览器开始支持PNG图像浏览,从此PNG图像格式生机焕发。 

    PNG是目前保证最不失真的格式,它汲取了GIF和JPG二者的优点,存贮形式丰富,兼有GIF和JPG的色彩模式;它的另一个特点能把图像文件压缩到极限以利于网络传输,但又能保留所有与图像品质有关的信息,因为PNG是采用无损压缩方式来减少文件的大小,这一点与牺牲图像品质以换取高压缩率的JPG有所不同;它的第三个特点是显示速度很快,只需下载1/64的图像信息就可以显示出低分辨率的预览图像;第四,PNG同样支持透明图像的制作,透明图像在制作网页图像的时候很有用,我们可以把图象背景设为透明,用网页本身的颜色信息来代替设为透明的色彩,这样可让图像和网页背景很和谐地融合在一起。

    PNG的缺点是不支持动画应用效果,如果在这方面能有所加强,简直就可以完全替代GIF和JPEG了。Macromedia公司的Fireworks软件的默认格式就是PNG。现在,越来越多的软件开始支持这一格式,而且在网络上也越来截止流行。
    十、webp格式
    WebP格式,谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。
    但WebP是一种有损压缩。相较编码JPEG文件,编码同样质量的WebP文件需要占用更多的计算资源。
    桌面版Chrome可打开WebP格式。与JPEG相同,WEBP是一种有损压缩。但谷歌表示,这种格式的主要优势在于高效率。在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小40%。谷歌浏览器已经支持webp格式,Opera在版本号Opera11.10后也增加了支持,然而火狐和ie暂时还不支持webp格式,可以采用flash插件来显示webp,当然这样会耗费一些性能。
    美中不足的是,WebP格式图像的编码时间“比JPEG格式图像长8倍”。尽管WebP格式尚未像JPEG格式那样,得到各种软硬件的广泛支持,但谷歌推广这一格式的优势在于Chrome浏览器。这款谷歌开发的浏览器的市场份额已达50%以上。

    展开全文
  • 使用哪种图片格式是个老生常谈的问题,在这篇文章中,我们将列出10种最常见的图片文件格式,并介绍它的主要用途优缺点。通过阅读这篇文章,你将能了解在特定情况下,应选择哪种图片格式。一、RAW格式RAW的原意就是...
  • 常见的图片文件格式

    千次阅读 2018-01-09 22:47:21
    BMP格式 特点是包含的图像信息较丰富,几乎不压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大,现在...是Mac中广泛使用的图像格式,它由Aldus微软联合开发,最初是出于跨平台存储扫描图像的需要而设计的
  • png图像格式是一种新兴网络图形格式,结合了GIFJPEG优点,具有存储形式丰富的特点,能够保持透明背景.如果想要切成背景透明图片,请选择png格式. .PSD图像格式PSD格式是Photoshop专用格式,里面可以存放...
  • 扉页版权页内容提要序一序二前言chapter 01 数字图像处理基础知识1.1 数字图像简介1.1.1 数字图像处理的目的1.1.2 数字图像处理的应用1.1.3 数字图像处理特点1.1.4 常见的数字图像处理方法1.2 图像采样量化1.2.1 ...
  • 图片格式

    2020-06-04 23:30:21
    Jpeg的格式扩展名是jpg,是网络上最受欢迎的图像格式 png是目前最不失真的格式 tiff格式后缀名是tif是现在印刷业使用最广泛的文件格式 gif格式特点:压缩比高,占用磁盘空间少 pcx是windowsMS-DOS程序的标准...
  • 数字图像处理与Python实现笔记之基础知识摘要绪论1 数字图像处理基础知识1.1 数字图像简介1.1.1 数字图像处理的目的1.1.2 数字图像处理的应用1.1.3 数字图像处理的特点1.1.4 常见的数字图像处理方法1.2 图像采集...
  • 今天来讲下android UI设计中常要用到的可延伸图像。除了最基本的png,jpg与gif三种格式外,android还有一种叫做Nine-...最常见的一个图片做按钮背景,来适配字体大小,这时候,你会发现,这种可延伸图像非常的好用。
  • 数字图像处理与Python实现笔记之基础知识

    千次阅读 多人点赞 2020-07-25 14:25:51
    数字图像处理与Python实现笔记之基础知识摘要绪论1 数字图像处理基础知识1.1 数字图像简介1.1.1 数字图像处理的目的1.1.2 数字图像处理的应用1.1.3 数字图像处理的特点1.1.4 常见的数字图像处理方法1.2 图像采集...
  • HTML图像设计

    千次阅读 2017-09-28 00:00:41
    常见的位图格式有JPEG、PNG、GIF,当然位图的格式还有很多,比如BMP、TGA、TIFF、PSD。  矢量图是以一种数学描述的方式来记录图像内容。矢量图由于其可以随意放大缩小的特点,通常被看成一种图像模版放在图库中。...
  • android UI进阶之可延伸的图像

    千次阅读 2011-02-02 16:59:00
      今天就是除夕啦,抽空来写写博客。写完就去吃年夜饭啦。在这祝大家新的一年里事业有成,身体健康! 今天来讲下...最常见的一个图片做按钮背景,来适配字体大小,这时候,你会发现,这种可延伸
  • 今天来讲下android UI设计中常要用到的可延伸图像。除了最基本的png,jpg与gif三种格式外,android还有一种叫做Nine-...最常见的一个图片做按钮背景,来适配字体大小,这时候,你会发现,这种可延伸图像非常的好用...
  • 首先来说,最常见的图像文件类型有bmp,jpg,png等等。每一种都有他们各自文件格式和特点。 但是对于多媒体级别的图像来说(硬件加速连续快速的渲染不同的图像),这几种格式都不能直接渲染。 在windows上,图像...
  • HTML之图像、超链接

    2020-07-21 20:01:25
    在网页中,常见的图片格式有JPEG、GIFPNG等格式。JPEG文件的后缀名为.jpg或.jpeg。GIF图片文件的后缀名为.jif,它是最多支持256种色彩的图像。GIF格式的另一种特点是其在一个GIF文件中可以存储多幅彩色图像,如果...
  • 一:基本概念 数字图像:指由被称作...图像基本格式有二值图,灰度图,彩色图,区别各自的特点参考ppt。 常见色彩模型: RGB:通过对红®、绿(G)、蓝(B)三个颜色通道变化以及它们相互之间叠加来得到各式各样
  • 【摘要】随着广电网络有线数字电视不断升级改造,有线电视机顶盒成为用户观看标清电视、高清电视不可缺少的终端设备,在使用过程中常见的故障及潜在的故障也随之出现,现从工作中遇到的机顶盒维修常见故障及排除方法...
  • 计算机图形图像处理软件的种类很多,本书在简单介绍图形图像处理基本概念的基础上,介绍了目前流行的图像处理软件Photoshop、图形绘制软件CorelDRAW网络图像处理软件Fireworks。其中,以图像处理软件Photoshop6.0...
  • 15.1.2 基于区域的图像分割 606 15.1.3 基于形态学分水岭的 图像分割 611 15.2 图像的匹配 614 15.2.1 基本概念 614 15.2.2 模板匹配算法 615 15.2.3 序贯相似性检测算法 616 15.2.4 幅度排序算法 618 15.3 模式的...
  • 【摘要】随着广电网络有线数字电视不断升级改造,有线电视机顶盒成为用户观看标清电视、高清电视不可缺少的终端设备,在使用过程中常见的故障及潜在的故障也随之出现,现从工作中遇到的机顶盒维修常见故障及排除方法...
  • 位图是由不同亮度颜色的像素所组成,适合表现大量的图像细节,可以很好的反映明暗的变化、复杂的场景颜色,它的特点是能表现逼真的图像效果,但是文件比较大,并且缩放时清晰度会降低并出现锯齿。位图有种类繁多...
  • 14PS中切图基本操作

    2019-12-22 11:29:57
    1.常见的图片格式 jpg图像格式:JPEG(JPG)对彩色的信息保留较好、高清,颜色较多,我们产品...png图像格式是一种新兴的网络图像格式,它结合了GIFJPEG的优点,具有存储形式丰富的特点,能够保持透明背景。如果...
  • png图像格式是一种新兴网络图像格式,结合gifjpeg优点,具有储存形式丰富的特点,能够保持透明背景,如果想要切成背景透明图片,请选择png格式。 PSD图像格式是photoshop专用格式,里面可以存放图层、通道、...

空空如也

空空如也

1 2 3 4 5 ... 10
收藏数 187
精华内容 74
关键字:

常见的图像格式和特点