图形

图像类型

位图（（栅格）：由一个称为像素的单个颜色盒子的网格组成的图像。位图图像包括GIF，JPG，PSD，TIFF，PICT，BMP文件格式。位图图像有时可能是“像素化的”，当它们的尺寸增加时会失去质量。

向量：数学方程式描述其线条和填充区域的图像。向量图像包括PNG，AI和SWF文件。可以调整矢量图像而不会失去任何质量。矢量图像通常被转换为网络的位图图像（GIF和JPG）。这种转换有时被称为“栅格化”图形，因为我们目前在网络上没有建立和接受的向量格式，因此非常有用。

一些浏览器，例如Internet Explorer 4+，Netscape 7和Safari，可以显示PNG文件（矢量图像）。但是，由于并非所有浏览器都支持向量格式，因此应将矢量图像转换为Web的位图映射图像，以适应尽可能多的用户。

夏季的文件格式

GIF

  • 图形互换格式
  • 压缩相同颜色的水平带
  • 用于线条图，带有1种颜色的图纸，带有硬边，文本，动画和纹理映射的简单形状
  • 不适合大多数照片
  • 限制为256种颜色
  • 可以包含透明度
  • 可以显示在网络上，跨平台，跨浏览器
  • 您可以通过从导出时从调色板中删除颜色来更改文件大小

JPEG/JPG

  • 联合摄影专家小组
  • 将相邻像素更改为平均颜色（消除复杂性）
  • 用于照片，需要柔软光滑边缘的形状
  • 不适合需要硬边的小文本或形状
  • 可以包含超过1600万种颜色
  • 无法显示透明度
  • 可以显示在网络上，跨平台，跨浏览器
  • 压缩小于GIF，因为它会在压缩时删除数据
  • 您可以通过选择出口时的损失量来更改文件大小
  • 随着时间的流逝，随着不景气的不景气围绕Internet的方式，随着时间的流逝，以不同程度的损失程度的重复压缩和减压会导致JPEG降级

PSD，AI

  • 来自烟花，Photoshop和Illustrator的原始文件
  • 保存在单独的文件夹中，不要扔掉！
  • 将允许您编辑图层，文本对象，调色板等
  • PNG文件可以在IE 4+，Netscape 7和Safari中显示，但在任何其他浏览器中都不显示
  • PSD和AI文件无法显示在网络上

PNG

  • 便携式网络图形
  • 文件类型：栅格图像
  • 跨平台
  • 无损，有效的压缩
  • 优化
  • 易于实现
  • 开源 - 经常用于多种应用，视觉效果和接口
  • 颜色深度的范围从每个像素1-64位，但仅在RBG衍生的编解码器上。例如，这不包括CMYK。

tiff

  • 标记的图像文件格式
  • 文件类型：栅格图像
  • 桌面出版和存档高质量照片中最广泛使用的文件格式
  • 支持RGB，CMYK，灰度，实验室和索引颜色

图像文件大小

调色板

RGB

  • 最常见的调色板
  • 由红色，绿色和蓝色混合的颜色组成
  • 可以在较新计算机上的浏览器中看到

网络安全

  • 216个颜色将在Macintosh和Windows计算机上类似显示
  • 将适用于只能显示256种颜色的旧计算机/监视器

风俗

  • 导出GIF图像或在导出JPG之前设置
  • 将颜色的数量减少到绝对必要的颜色数量
  • 最小的调色板=最小的文件大小

CMYK

  • 青色/洋红色/黄色/黑色
  • 打印图像需要此颜色模式（RGB文件必须转换为CMYK才能打印）
  • CMYK不用于网络图像

解析度：读取从实习生生成器链接的文档。
图像尺寸：尺寸越大，文件大小越大。

处理图像的技巧

抖动

在GIF上使用以允许“更多”颜色。不同的颜色以棋盘格形式放入相邻的像素中，以诱使眼睛认为它们被混合成新颜色。由于GIF被压缩抖动的方式可以大大增加图像的文件大小。使用抖动的唯一好时机是，如果您的图像中有梯度或褪色。抖动会使褪色看起来更现实，而不再像固体的色带。
正常GIF
尺寸：4 KB

抖动的gif
尺寸：8 kb

交织GIF和进步的JPG

用于在屏幕上显示图像的更快预览。交错gif和渐进式JPG下载交替的像素行，而不是第一个像素到最后。这给用户提供了更快下载的幻觉，因为他们能够更快地看到更多的总图像，但是这些图像实际上需要更长的时间才能下载。如果您在页面上有很多图像，导致下载缓慢，这可能很有用。用户将能够更快地看到图像的模糊表示形式，并允许他们在页面完全下载之前导航页面（或您的网站）。
正常的GIF或JPG 交错gif或渐进式JPG

上图从上排下载到底部。

上图显示了下载交织GIF和渐进式JPG时会发生什么。（这是图像中的缩放，而不是实际图像。）加载了图像的其他所有像素，用户会注意到这种类型的图像是模糊的图像。除非用户使用非常缓慢的调制解调器或非常大的图像，否则通常不会明显。

抗异敏或平滑

用于平滑形状和文本的边缘。抗缩减和平滑使用中间色的图案将物体的边缘融合到其背景颜色中。这可以帮助删除像素化或锯齿状边缘。抗缩减不应用于具有透明背景的GIF，因为它会使对象的边缘显得模糊和锯齿状。如果字体尺寸为10或更小，则不应用于文本。请记住，通过压缩过程，JPG的边缘已经在某种程度上平滑。
正常GIF 抗氧化剂或平滑GIF

陷阱

在您完全完成编辑之前，请勿将文件保存/导出为JPG！
JPG压缩是一种有损的压缩。每次保存JPG时，您都会丢失信息，因此您的质量会降低。确保仅在完成编辑完成时将原始文件（PNG，PSD，AI，TIFF等）保存，并保存或导出为JPG。这将导致最高质量的JPG。

除非绝对必要，否则不要抖动gifs！
由于GIF压缩只能与水平颜色带一起使用，因此抖动（创建小型棋盘图案）将大大减少可以完成的压缩量。仅对梯度抛弃并淡出，并在真正必要时将其保存。