您好!PHP家园欢迎您! [个人会员]

您可以学习、提问、发布您的作品——将所学的知识转化为财富。

收藏本站 | 关于我们
最新资讯MORE

武汉PHP培训就信赖PHP家园网站

php就业及薪资待遇情况实时图表分析

谁承认IT培训机构所颁发的证书?

哪些大型网站在用PHP语言?

网站开发学习为什么首选PHP语言?

最新提问MORE

PHP报错:Fatal error: Call to undefined function curl_init() in

滚动条的颜色在不同浏览器中的颜色不同

一条SQL语句从一张表中分别查询两组不同类型数据的各自总数量

Fireworks教程MORE
Fireworks常用快捷键整理 fireworks常用的快键工具条的用法 Fireworks钢笔工具的重要性及学习技巧 模仿——Fireworks网页设计的必修课 Fireworks里文本工具的学习方法及使用技巧
HTML教程MORE
用TABLE来做布局一张页面,我们提供网页模板供您做练习 HTML的颜色值 SEO与HTML的语义 HTML中不常用的标签学习 HTML的框架元素及框架使用中的注意事项
CSS教程MORE
CSS的命名规范 利用IEtester测试CSS样式在不同浏览器中的兼容性 CSS样式调试的附助工具firebug CSS的在不同浏览器中的兼容性处理IE不同版本及GOOGLE、火狐等 CSS的滤镜学习
JavascriptMORE
javascript基本对象结构图 javascript的概念及用法 Javascript函数-函数名:getUTCSeconds(),属于Date的方法 Javascript函数-函数名:getUTCMonth(),属于Date的方法 Javascript函数-函数名:getUTCMinutes(),属于Date的方法
网站综合知识点MORE
PHP算法:求1-10000 之间所有数字总和的一个函数,要求用效率最高的方法写 PHPdoc介绍及使用方法 API文档及其相关知识
PHP教程MORE
php的SESSION和COOKIE的区别和联系 用PHPDOC生成PHP文档 PHP培训教程,用PHP统计在线人数的方法 参考资料——正则表达式快速入门教程 参考资料——ASCII表
Web服务器教程MORE
什么是分布式计算以及分布式计算的应用 什么是云计算? 在Linux平台上搭建版本控制系统SVN 搭建FTP服务器及FTP软件的使用方法 在windows平台上搭建版本控制系统SVN

第4课 Fireworks的文件格式及什么是位图、矢量图

分类:>网页设计教程>Fireworks教程 发表时间:2011年06月28日 02:53:14 版权所属:PHP家园
本文将详细讲解常见的图像保存格式及与Fireworks文件格式相关的一些知识。关于位图和矢量图的区别会在本文中详细讲解,以及他们的用途等相关知识。

  Fireworks的文件格式主要有以下几种,如下图(图1-4-1)所示,我们能从属性面版里直接将Fireworks能直接保存的格式类型调出来:

武汉PHP家园-Fireworks可以直接保存的图片格式

图1-4-1 Fireworks可以直接保存的图片格式

  上图中列出的图像格式,并不是说Fireworks只能打开这些图片格式。比如BMP,PSD等图片格式,Fireworks也是可以打开的。而事实上Fireworks本身默认的图片格式PNG并没有在此列表中,这一点让我一直很不解。在很多时候,我们都需要将图片先保存成PNG格式。因为它可以用Fireworks再打开得新编辑。注:上面列表中的最后一个“GIF透明”是我自己创建的,原本这个列表中并不存在。

  GIF网页216,256,128等带着不同的数值,表示保存后进行颜色压缩和减少色彩的丰富度。那么保存后的图像数值越小,肯定失真越严重。它们保存的后缀名都是.gif,我们建议在没有特殊情况要求时,我们尽量将图像保存成256色的。因为GIF的图像本身色彩就被压缩不清晰了。再存成更数的数值将会更不清晰。

  JPEG - 较高品质和 JPEG - 较小文件,两者只是在保存图像是压缩比不同。高者肯定比较清晰,较小者肯定压缩的比较多,文件比较小,但是图像会比较高品质的模糊很多。我们平时见到的最多的是.jpg格式的图片后缀名。其实JPG是JPEG的简写形式。两者之间并没有差别。

   下面,我们对位图和矢量图做一个解释。顺便将上面的GIF和JPEG格式也做一个说明。下面的一段话是百度科百里面的一个解释,我觉得比较专业的说出了它的真实含义。但是不知道本站的读者能否理解,我会在下一段话作一个补充。

  位图图像(bitmap), 亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。然而,如果从稍远的位置观看它,位图图像的颜色和形状又显得是连续的。

  位图有一个特点:当你将它不断放大时,就会呈现马赛克,即上面所说的单个方块的视觉效果。位图图像是否清晰取决于位图图像中的像素点阵是否密集。我们的相机摄像头为什么会说是多少像素的?其实大家都知道像素越高,图像就越清晰。当然这个相机的价格可能也就越贵。就是因为在同一单位面积里,照片的照片的点阵密度不度。所以会有图像是否细腻的差异。比如下面两幅图,左边是没有放大的正常图,右边是被放大后的局部图,这个最能代表位图的特点。一幅图像,无论是被保存成GIF、JPG/JPEG、BMP格式。它都自然将转化成位图图像。

武汉PHP家园-Frieworks位图的马赛克效果

图1-4-2 Frieworks位图的马赛克效果

  矢量图是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合。它的特点是放大后图像不会失真,和分辨率无关,文件占用空间较小,适用于图形设计、文字设计和一些标志设计、版式设计等。

  Fireworks绘制出来的矢量图形比较特殊。放大之后,你一直看到图像有失真效果。因此我们通常都形象地认为Fireworks其实是一个矢量图和位图的结合体。它绘制出来的矢量图可以不断地进行再编辑。它对位图的处理功能显然没有PHOTOSHOP强大,但是对于网页设计来讲,也基本上能应付我们日常的常用操作了。因此,网页设计,Fireworks当然是首选软件。因为网上常见的复杂效果图,可以直接用Fireworks的矢量工具轻而易举地绘制出来。

  CorelDraw和Illustrator(AI)是两款典型的矢量图绘制工具。以后我们的主要网站开发教程编写完毕之后,会再编写这两款软件的简易教程包括PHOTOSHOP的教程。免费送给本站的会员朋友。

相关知识点1: 以后大家保存图片的时候,请将图片的后缀名一律保存成小写。因为我们的图片将来会同网站文件一起发布到服务器上,然而服务器的操作系统到底用的是windows还是linux,这就很难说了。如果用的是linux,程序员在调用你的图片时,如果后缀名和你保存的后缀名的大小写不致,网站发布后将直接造成图片无法打开的现象发生。包括文件名的命名等,在做开发时,我们都是有讲究的。有很多约定俗成的规范,对开发人员来讲必须要牢记于心。我个人整理有一套命名规范。将来我们在讲后台的编和课程时,我会将此规范公布出来供大家参考借鉴。
相关知识点2: 网站上常见的图片是GIF或者JPG格式的。其中,JPG不能保存成透明背景,GIF可以保存成透明背景,但是色彩丰富的图片保存成透明背景的图片时,透明与不透明的交界处会出现毛边,很影响图片的美观。后来大家就习惯用PNG格式来保存成透明背景的图像。但是偏偏垃圾的IE6浏览器又不支持PNG的透明背景。据说有方法可以让IE6能正常显示透明的PNG格式图像。但是目前我还没有好的代码给大家使用。我会抽闲余时间给大家找这段代码,不过平时我都是使用变通的方法来实现视觉上的透明效果。在以后的网页制作的章节里,我会给大家讲解我的实现方法。
相关知识点3: 作为一个程序员,会和普通的电脑用户对电脑的操作习惯不一样。这里,我们建议,打开文件后缀,WINDOWS默认是不显示常用文件的后缀的。打开文件显示后缀的功能,今后将有利于我们做开发工作。方法为:打开“我的电脑”->选择主菜单“工具”->“文件夹选项”->点击“查看”选项卡,将下面的框框里面的滚动条向下拉,找到“隐藏已知文件的扩展名”,将前面的选中状态去掉即可。

PHP家园在线客服 PHP家园在线客服
不会就学,不懂就问就是学问!
所有语录>>