第一节 编辑网络图片

一、网络图片类型及格式 图片是网页中最直观的元素，也是最容易让浏览者了解某种内容的元素。生动的图片可以跨 越语言、人种、地域和年龄的差异，清楚地表明网页制作者的意愿。随着宽带技术的发展， 几乎所有的网页都通过大量图片来使网页的内容更加丰富多彩。那么，了解图片的格式，有 助于在设计网页时有针对性地选择使用图片的类型。与网页图片相关的图片类型主要包括以 下几种。 （一）BMP 位图图片 BMP 是一种与硬件设备无关的图像文件格式，使用非常广。它采用位映射存储格式，除了 图像深度可选以外，不采用其他任何压缩，因此，BMP 文件所占用的空间很大。BMP 文件 的图像深度可选 lbit、4bit、8bit 及 24bit。BMP 文件存储数据时，图像的扫描方式是按从 左到右、从下到上的顺序。 由于 BMP 文件格式是 Windows 环境中交换与图有关的数据的一种标准，因此在 Windows 环境中运行的图形图像软件都支持 BMP 图像格式。 典型的 BMP 图像文件由 3 部分组成：位图文件头数据结构，包含 BMP 图像文件的类型、显 示内容等信息；位图信息数据结构，包含有 BMP 图像的宽、高、压缩方法；定义颜色等信 息。 （二）JPEG 图片 JPEG 是 JointPhotographicExpertsGroup（联合图像专家组）的缩写，文件后辍名为“．Jpg” 或“．Jpeg”，是最常用的图像文件格式。它由一个软件开发联合会组织制定，是一种有损 压缩格式，能够将图像压缩在很小的储存空间，但图像中重复或不重要的资料会被丢失，因 此容易造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质 量明显降低，如果追求高品质图像，则不宜采用过高压缩比例。但是 JPEG 压缩技术十分先 进，它用有损压缩方式去除冗余的图像数据，在获得极高的压缩率的同时能展现十分丰富生 动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像品质。并且，JPEG 是一 种很灵活的格式，具有调节图像质量的功能，允许用不同的压缩比例对文件进行压缩，支持 多种压缩级别，压缩比率通常为 10:1～40:1。压缩比越大，品质就越低；相反地，压缩比 越小，品质就越好。例如，可以把 1.37Mb 的 BMP 位图文件压缩至 20.3KB。当然也可以在 图像质量和文件尺寸之间找到平衡点。JPEG 格式压缩的主要是高频信息，对色彩的信息保 留较好，适合应用于互联网，可减少图像的传输时间，可以支持 24bit 真彩色，也普遍应用 于需要连续色调的图像。 JPEG 格式是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式。在 Photoshop 软件中以 JPEG 格式储存时，提供了 11 级压缩级别，以 0～10 级表示。其中 0 级压缩比最高， 图像品质最差。即使采用细节几乎无损的 10 级质量保存时，压缩比也可达 5∶1。以 BMP 格式保存时得到 4.28MB 图像文件，在采用 JPG 格式保存时，其文件仅为 178KB，压缩比达 到 24∶1。经过多次比较，采用第 8 级压缩为存储空间与图像质量兼得的最佳比例。 JPEG 格式的应用非常广泛，特别是在网络和光盘读物上，都能找到它的身影。目前各类浏 览器均支持 JPEG 这种图像格式，因为 JPEG 格式的文件尺寸较小，下载速度快。 JPEG2000 作为 JPEG 的升级版，其压缩率比 JPEG 高约 30%，同时支持有损和无损压缩。 JPEG 2000 格式的一个极其重要的特征在于它能实现渐进传输，即先传输图像的轮廓，然后逐步 传输数据，不断提高图像质量，让图像由朦胧到清晰显示。此外，JPEG2000 还支持所谓的

“感兴趣区域”特性，可以任意指定影像上感兴趣区域的压缩质量，还可以选择指定的部分 先解压缩。 JPEG2000 和 JPEG 相比优势明显，且向下兼容，因此可取代传统的 JPEG 格式。JPEG2000 既 可应用于传统的 JPEG 市场，如扫描仪、数码相机等，也可应用于新兴领域，如网路传输、 无线通信等。 （三）GIF 图片 GIF 是英文 GraphicsInterchangeFormat（图形交换格式）的缩写。顾名思义，这种格式是用 来交换图片的。事实上也是如此，20 世纪 80 年代，美国一家著名的在线信息服务机构 CompuServe 针对当时网络传输带宽的限制，开发出了这种 GIF 图像格式。 GIF 格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。 最初的 GIF 只是简单地用来存储单幅静止图像（称为 GIF87a），后来随着技术发展，可以同 时存储若干幅静止图象进而形成连续的动画，使之成为当时支持 2D 动画为数不多的格式之 一（称为 GIF89a），而在 GIF89a 图像中可指定透明区域，使图像具有非同一般的显示效果， 这更使 GIF 风光十足。目前 Internet 上大量采用的彩色动画文件多为这种格式的文件，也称 为 GIF89a 格式文件。 此外，考虑到网络传输中的实际情况，GIF 图像格式还增加了渐显方式，也就是说，在图像 传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续而逐步看清图像中 的细节部分，从而适应了用户的“从朦胧到清楚”的观赏心理。目前互联网上大量采用的彩 色动画文件多为这种格式的文件。 然而 GIF 有个小缺点，即不能存储超过 256 色的图像。尽管如此，这种格式仍在网络上大行 其道，这和 GIF 图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等 优势是分不开的。 （四）PNG 图片 PNG（PortableNetworkGraphics）是一种新兴的网络图像格式。在 1994 年底，由于 Unysis 公司宣布 GIF 拥有专利的压缩方法，要求开发 GIF 软件的作者须缴交一定费用，由此促使免 费的 PNG 图像格式的诞生。PNG 一开始便结合 GIF 及 JPG 两家之长，打算一举取代这两种 格式。1996 年 10 月 1 日由 PNG 向国际网络联盟提出并得到推荐认可标准，并且大部分绘 图软件和浏览器开始支持 PNG 图像浏览，从此 PNG 图像格式生机焕发。 PNG 是目前保证最不失真的格式，它汲取了 GIF 和 JPG 二者的优点，存贮形式丰富，兼有 GIF 和 JPG 的色彩模式。PNG 的第二个特点能把图像文件压缩到极限以利于网络传输，但又 能保留所有与图像品质有关的信息，因为 PNG 是采用无损压缩方式来减少文件的大小，这 一点与牺牲图像品质以换取高压缩率的 JPG 有所不同。PNG 的第三个特点是显示速度很快， 只需下载 1/64 的图像信息就可以显示出低分辨率的预览图像。PNG 的第四个特点是它同样 支持透明图像的制作，透明图像在制作网页图像的时候很有用，可以把图像背景设为透明， 用网页本身的颜色信息来代替设为透明的色彩，这样可让图像和网页背景很和谐地融合在一 起。 PNG 的缺点是不支持动画应用效果，如果在这方面能有所加强，那么 PNG 几乎可以完全替 代 GIF 和 JPEG 了。Macromedia 公司的 Fireworks 软件的默认格式就是 PNG。现在，越来越 多的软件开始支持这一格式，而且在网络上也越来越流行。 （五）PSD 图像文档 这是 Photoshop 图像处理软件的专用文件格式，文件扩展名是.psd，该格式可以支持图层、 通道、蒙板和不同色彩模式的各种图像特征，是一种非压缩的原始文件保存格式。扫描仪不 能直接生成该格式的文件。PSD 文件有时容量会很大，但由于可以保留所有原始信息，在图 像处理中对于尚未制作完成的图像，选用 PSD 格式保存是最佳的选择。

然而，由于 PSD 图像文档体积巨大，因此网页浏览器不支持显示这种图像，通常都将 PSD 文档输出为 JPEG、GIF 或 PNG 格式。 二、网络图片拍摄 电子商务网站与传统店铺最大的区别就是没有实物，网上用户对产品的第一印象就来自于企 业放在网站上商品的照片。因此商品的图片对于企业来说至关重要。下面详细讲解如何用最 低的成本拍出最好的照片。[其实我在读的时候感觉，我们的定位其实有点模糊，到底是网 站新闻编辑，还是电子商务网络编辑？] （一）场所角度前期准备 准备好拍摄的场所。用白色或者纯色的东西作为背景，比如白纸、桌面等。照片内不适宜有 其他与图片不相关的内容，以免喧宾夺主凸显不出主要物品。 研究好拍摄的角度。不同的物品通过不同的角度拍摄，效果也是完全不相同的。对一件物品 要采用多个角度进行拍摄，最后挑选最能表现物品特质的照片作为上传的物品照片。如果有 可能，把各个角度拍摄的照片全部上传，让企业的客户从不同角度查看物品。 （二）不同物品的拍摄 ① 拍摄水晶等透明物品。这类物品本身最大的特点就是透明，因此在拍摄过程中要力求体 现它透明的物品特质。背景要干净，否则会反射在物品上。在拍摄过程中最好戴上白色的手 套，以免拍出来的物品上留有指纹。透明物品表面就很光亮，容易造成反光，所以光线不要 直接照射物品。在肉眼看起来明显比较暗的部位打上反光板或者旁边用白纸映衬下，使画面 的光达到均匀的效果，增加透明物品的立体感觉。 ② 拍摄首饰等反射物品。这类物品具有发射的特点，非常容易反映出四周的情形，尤其是 在四周颜色与其本身颜色截然相反下，更加容易造成这种情形的出现。在拍摄过程中，最好 把物品放置到四周颜色都比较单调又与其本身颜色较近的环境里。另外一种解决的方法是事 先找地方固定好相机的位置，利用相机自拍功能，避免自己的衣服颜色反射到物品上。 ③ 拍摄食品。通常用“色、香、味”俱全来形容食品的好与坏， “色、香、味”是食品的特 点，那么如何用图片来表现食品这个特点呢？熟透了的食品往往是偏向于黑色，颜色太深导 致图片缺乏美感，调动不了买家的食欲。拍摄食品最好的时机是在半熟的时候，颜色偏向于 黄色，让人一看就有吃的冲动。因此，拍摄熟的食品一般是在一做完就立马拍摄，保证食品 最佳的状态，体现食品“色、香、味”。如果在食品表面涂上一层油，“色”会更加好看。 ④ 拍摄衣服。据了解，这是所有物品中最容易拍摄的一类物品，也是最容易表现特点的物 品。在拍摄过程中，手绝对不能颤抖，否则会抹杀了服装质感的表现。在用光方面，细腻质 料的服装比较适合用柔和点的光；粗糙质料的服装比较适合直接打光，以挽回质料差的缺陷。 刚进货的衣服由于折叠会比较皱，可以先用熨斗把它烫平整再拍摄，图片的效果会更好。 三、网络图片编排 一旦拍摄完成，图片就会以 JPG 或者 GIF 文件格式存储于相机中，此时的图片基本定型，仅 能通过 Photoshop 做一些简单的调整，比如，图片减切（去掉无用的背景，尽量将物品撑满 整个图片）、图片光感度调整、对比度调整，或者为图片增加边框等。 因此，图片是否足够吸引人基本取决于前期拍摄，应该找到物品与众不同的亮点并充分展现 物品的亮点，例如某些物品会夜间发光，因而夜间拍摄能够更充分展现它的亮点。 另外，在编辑图片时，要谨慎使用一些效果功能。例如灯光效果、阴影效果，在增加美感的 同时也需要注意与实物一致。