css中的px 如何理解呢?是否表示长度:还是其他呢

html-css020

css中的px 如何理解呢?是否表示长度:还是其他呢,第1张

px就是pixel的缩写啦,pixel即像素,它不是自然界的长度单位。px是就是一张图片中最小的点,一张位图就是由这些点构成的。1024px就是1024像素,最简单的你可以在windows桌面属性里的“设置”看到,如果是1024×768,也就是说水平方向上有1024个点,垂直方向上有768个点。谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,像素的大小是会“变”的,也称为“相对长度”。

反遍汇

http://www.pediy.com/tools/Disassemblers/ida/ida.htm

http://www.pediy.com/tools/Disassemblers/C32Asm/C32Asm.rar

http://www.pediy.com/tools/Disassemblers/W32Dasm/W32dsm8.93.rar

http://download.zol.com.cn/link/4/30282.shtml

http://www.5inet.net/Search.aspx?q=%E5%8F%8D%E6%B1%87%E7%BC%96%E7%A8%8B%E5%BA%8F%E8%AF%AD%E8%A8%80

另附:

文件后缀名详解

★什么是文件的后缀名

说起来Windows工作界面下的文件名简直是随心所欲,比如:某编辑部的2000年工作计划。文件名即可用中文直接表达,而且长度最长可达256个字符,让人看起来真是一目了然。然而在Windows环境中,安装的软件中却大量存在着类似CALENDAR.EXE、GAMES.GRP等等的文件名,这又是为什么呢?原来这些文件名都是根据DOS环境的文件名命名规则而定的。

★DOS环境下的文件后缀名

在DOS下,文件名采用8+3结构,即:最长8位的文件名,由小数点分隔后再跟上最长3位的后缀名,如:READ.ME、SETUP.EXE,一般情况下文件名不允许使用汉字,只能由字母、数字和一些符号组成。如READ.ME用中文理解就是"读我",即提示用户在使用软件前先看看这个文件的内容,以获取更多的提示信息。而更重要的是,DOS下规定用后缀名来区分各种不同的文件。

在DOS下最容易遇到的首先是可执行文件,后缀名有两类:*.exe、*.com(此处的*表示文件名任意),它们是由汇编语言或其它高级语言编出的程序经过编译后直接在DOS下运行的文件。有时由于软件功能多、内存偏小,不能一次性全部调入内存还可能有同文件名的ovl文件,如ws.exe、ws.ovl。另外还有一种文件可以直接运行,*.bat,即批处理文件:其中有许多命令或可执行文件名,主要用于提高工作效率;最有用的是Autoexec.bat,这个文件在开机时会被自动执行(自动执行在英文中就是Automatically execute)。而另外一种可以加载但不能直接运行的文件即是系统扩展管理文件*.sys(sys即系统system):它主要提供某些非标准设备如鼠标、扩充内存等的驱动程序,如mouse.sys、himem.sys。为了统一管理还专门规定了一个config.sys的文本文件来一次性地在开机时自动调入这些必需的设备驱动程序,这些文件一旦被误删或换名或被病毒侵袭则将直接导致系统工作不正常。

DOS下字处理产生的文件原本是可以不用后缀的,但人们常用*.txt表示(txt即文本text)。被所有的平台和所有应用程序支持。而为了管理方便,人们也可以用自己的名字做后缀来表示是自己建的文本文件,如我输入的很多文章即为*.mcj,为了便于用户在意外删掉原文件的情况下能尽快恢复原文件,许多字处理系统都提供了一种自动备份的功能,如我第二次编辑JIHUA.MCJ时(JIHUA:计划的汉语拼音),系统会先拷贝一份原文件为JIHUA.BAK。使用具有特殊格式功能的字处理软件,如求伯君先生早年推出的WPS,就会规定其后缀为.wps,用以标识是用WPS生成的文本文件。当使用字处理软件编辑高级语言程序时,后缀通常为相应语言的前三个字母(如:*.BAS即BASIC语言源程序,*.PAS为PASCAL语言程序,*.FOR为Fortran语言程序,*.C即为C语言,*.ASM即为汇编语言程序)。

伴随着可执行文件常附有以下几类文件:*.HLP即帮助文件(help)、*.CFG即配置文件(config)、*.DAT即数据文件(data)、*.LOG即日志文件(log)、*.TMP为临时文件(temporal)。

★Windows环境下的文件后缀名

绝大多数DOS文件名后缀在Windows下继续有效,但Windows本身也引出了许多种崭新的后缀名,如:*.drv为设备驱动程序(Driver)、*.fon和*.fot都是字库文件、*.grp为分组文件(Group)、*.ini为初始化信息文件 (Initiation)、*.pif为DOS环境下的可执行文件在Windows下执行时所需要的文件格式、*.crd即卡片文件(Card)、*.rec即记录器宏文件(Record)、*.wri即文本文件(Write),它是字处理write.exe生成的文件、*.doc和*.rtf也是文本文件(Document),它们是Word产生的文件、*.cal为日历文件、*.clp是剪贴板中的文件格式、*.htm和 *.html即主页文件、*.par为交换文件、*.pwl为口令文件(Password)等等。

★图像文件的后缀名

进入多媒体世界后,大家会看到各种各样精彩的图片,会发现许多种后缀名。的确,由于各个公司在开发图形有关的软件时都自制标准,导致今日在图形方面有太多的格式,以下就是常见的几种格式:

首先是一种位图文件格式,它是一组点(像素)组成的图像,它们由图像程序生成或在扫描图像时创建。主要有Windows位图(.BMP):由Microsoft公司开发,它被Windows和Windows NT平台及许多应用程序支持。支持32位颜色,用于为Windows界面创建图标的资源文件格式,光标(.CUR、.DLL、.EXE):资源文件格式,用于创建Windows界面的光标。OS/2位图(.BMP):Microsoft公司和IBM开发的位图文件格式。它为各种操作系统和应用程序所支持。支持压缩,最大的图像像素为64000×64000。画笔(.PCX):由Zsoft公司推出,它对图像数据也进行了压缩,可由PCX生成。用于Windows的画笔。支持24位颜色,最大图像像素是64000×64000。支持压缩。图形交换格式:

Graphics Interchage format(.GIF):由Compu Serve创建,它能以任意大小支持图画,通过压缩可节省存储空间,还能将多幅图画存在一个文件中。支持256色,最大图像像素是64000×64000。

Kodak Photo CD(.PCD):Eastman Kodak所开发的位图文件格式,被所有的平台所支持,PCD支持24位颜色,最大的图像像素是2048×3072,用于在CD-ROM上保存照片。

Adobe Photoshop(.PSD):Adobe Photoshop的位图文件格式,被Macintosh和MS Windows平台所支持,最大的图像像素是30000×30000,支持压缩,广泛用于商业艺术。

Macintosh绘画(.MAC):Apple公司所开发的位图文件格式。被Macintosh平台所支持,仅支持单色原图,最大图像像素是576×720。支持压缩,主要用于在Macintosh图形应用程序中保存黑白图形和剪贴画片。

★动画文件的后缀名

动画文件格式用于保存包含动画框架中的图形信息。主要有:Autodesk FLIC(.FLC):即.FLI,Autodesk Animator和AnimatorPro的动画文件格式。支持256色,最大的图像像素是64000×64000,支持压缩。广泛用于动画图形中的动画序列、计算机辅助设计和计算机游戏应用程序。不大适合制作真实世界图像动画。

MacPICTS(.PCS,.PIC):Macromedia开发的动画文件格式,为Macintosh应用程序使用。支持256色,支持压缩,用于保存动画数据,是Quick Time的前身。

Microsoft资源互换文件格式,TIFF(.AVD):Microsoft公司开发的动画文件格式,被Windows、Windows NT平台和OS/2多媒体应用程序所支持,支持256色和压缩,用于在多媒体应用程序中保存音频、视频和图形信息。

MPEG(.MPEG):国际标准化组织的运动图像专家小组开发的动画文件格式。被所有平台和Xing Technologies MPEG播放器及其它应用程序所支持,支持压缩,最大图像像素是4095×4094×30帧/每秒。用于编码音频、视频、文本和图形数据。

Quick Time(.QTM):Apple计算机公司开发的动画文件格式。被Apple Macintosh和Microsoft Windows平台所支持,支持25位颜色,最大图像像素是64000×64000,支持压缩,用于保存音频和运动视频信息。

★声音文件的后缀名

声音文件格式是用于保存数字音频信息的。它们主要有:

AIFF(.AIF):这是Apple计算机公司开发的声音文件格式,被Macintosh平台和应用程序所支持。支持压缩。

Amiga声音(.SVX):Commodore所开发的声音文件格式,被Amiga平台和应用程序所支持,不支持压缩。

MAC声音(.SND):Apple计算机公司开发的声音文件格式,被Macintosh平台和多种Macintosh应用程序所支持,支持某些压缩。

MIDI(.MID):国际MIDI协会开发的声音文件格式,被Windows平台和许多应用程序所支持,用于为乐器创建数字声音。

声霸(.VOC):Creative Labs公司开发的声音文件格式,被Windows和DOS平台所支持,支持压缩。

WAVE(.WAV):微软公司用作Windows平台上保存音频信息的资源格式。

★压缩文件的后缀名

为了提高存储效率,许多公司都推出了压缩数据的方法和相应的软件,这类文件的使用主要通过压包和解包软件来进行,主要的后缀有:*.zip、*.arj、*.rar、*.lzh、*.jar。还有一些专用的压缩文件,如:*.ex_、*.dl_、*.d3_、*.cab等。

★数据库类文件的后缀名

在Dbase、FoxBase、Foxpro系列软件的环境下有以下几类后缀:

.ap 生成应用 .app 应用文件

.cbx和.pjt 标签文件 .cdx和.idx 索引文件

.dbf 数据库文件(databasefile) .err 编译错误文件

.fky 键宏文件 .fp 配置文件

.fpt 备注字段文件 .frx和.frt 报表文件

.fxp 编译后的程序

.mnx 和.mnt 菜单文件 .men 内存应用

.pcb 库文件 .pjx和.pjt 工程文件

.prg 命令文件(即程序Program)

.qpr和.qpx SQL查询文件 .scx和.sct 屏幕文件

.tbk 临时数据库文件 .tmp 临时文件

.win 窗口文件

★可安全删除的文件类型

临时文件:*.tmp,*.syd,*.$$$,*.@@@,*._mp,*.gid,*.~*,*.gts

备份文件:*.bak,*.old,*.wbk,*.xlk,*.ckr_

帮助文件:*.hlp、*.chm、*.cnt

★后记

用户要注意在不同的操作系统下,后缀名的约定会有所不同,如在Unix下,*.p代表Pascal语言程序,*.z代表压缩文件,*.tar代表归档文件。另外,针对极特殊的设备,其驱动程序也会有特殊的后缀,如3DS显示卡的驱动程序是*.exp。还有某些公司针对自己的产品也规定了文件名后缀,如方正公司的图像排版文件规定用*.grh(即Graph)。

文件名的后缀代表着某一种类型的文件,一般会由某一种特定的软件产生和处理。只有对这些后缀名的知识有一定的了解,才能在上机的过程中知道其所以然。这儿带着大家看到了常见的一些后缀类型,实际上还有很多类型,不可能全部讲完。常言说,师傅领进门,修行在个人,以后大家在计算机世界中自己转着看吧。

★常见的文件后缀名

.ACA:Microsoft的代理使用的角色文档

.acf:系统管理配置

.acm:音频压缩管理驱动程序,为Windows系统提供各种声音格式的编码和解码功能

.aif:声音文件,支持压缩,可以使用Windows Media Player和QuickTime Player播放

.AIF:音频文件,使用Windows Media Player播放

.AIFC:音频文件,使用Windows Media Player播放

.AIFF:音频文件,使用Windows Media Player播放

.ani:动画光标文件扩展名,例如动画沙漏。

.ans:ASCII字符图形动画文件

.arc:一种较早的压缩文件,可以使用WinZip,WinRAR,PKARC等软件打开

.arj:压缩文件。可以使用WinZip,WinRAR,PKARC等软件打开

.asf:微软的媒体播放器支持的视频流,可以使用Windows Media Player播放

.asp:微软的视频流文件,可以使用Windows Media Player打开

.asp:微软提出的Active Server Page,是服务器端脚本,常用于大型网站开发,支持数据库连接,类似PHP。可以使用Visual InterDev编写,是目前的大热门

.asx:Windows Media 媒体文件的快捷方式

.au:是Internet中常用的声音文件格式,多由Sun工作站创建,可使用软件Waveform Hold and Modify 播放。Netscape Navigator中的LiveAudio也可以播放.au文件

.avi:一种使用Microsoft RIFF规范的Windows多媒体文件格式,用于存储声音和移动的图片

.bak:备份文件,一般是被自动或是通过命令创建的辅助文件,它包含某个文件的最近一个版本,并且具有于该文件相同的文件名

.bas Basic:语言源程序文件,可编译成可执行文件,目前使用Basic开发系统的是Visual Basic

.bat:批处理文件,在MS-DOS中,.bat文件是可执行文件,有一系列命令构成,其中可以包含对其他程序的调用

.bbs:电子告示板系统文章信息文件

.bfc:Windows的公文包文件

.bin:二进制文件,其用途依系统或应用而定

.bmp:Bitmap位图文件,这是微软公司开发Paint的自身格式,可以被多种Windows和Windows NT平台及许多应用程序支持,支持32位颜色,用于为Windows界面创建图标的资源文件格式。

.c:C语言源程序文件,在C语言编译程序下编译使用

.cab:Microsoft制订的压缩包格式,常用于软件的安装程序,使用Windows自带的实用程序,Extract.exe可以对其解压缩,WinZip,WinRAR等都支持这种格式

.cal:Windows 中的日历文件

.cdf:Internet Explorer的频道文件

.cdr:CorelDraw中的一种图形文件格式,它是所有CorelDraw应用程序中均能够使用的一种图形图像文件格式

.cdx:索引文件,存在于Dbase,Foxbase,Foxpro系统软件环境下

.cfg:配置文件,系统或应用软件用于进行配置自己功能,特性的文件

.chm:编译过后的HTML文件,常用于制作帮助文件和电子文档

.clp:在Windows下剪贴板中的文件格式

.cmd:用于Windows NT/2000的批处理文件,其实与BAT文件功能相同,只是为了与DOS/Windows 9x下的BAT有所区别

.cmf:声卡标准的音乐文件,FM合成器等可以回放

.cnf:NetMeetting会议连接文件

.cnt:联机帮助文件目录索引文件,通常和同名的.hlp文件一起保存

.col:由Autodesk Animator,Autodesk Animator Por等程序创建的一种调色板文件格式,其中存储的是调色板中各种项目的RGB值

.com:DOS可执行命令文件,一般小于64KB

.cpl:控制面板扩展文件,Windows操作系统使用

.cpp:C++语言源程序,非常强大的语言,在各种平台中都有相应的开发系统

.crd:Windows中的卡片文件

.crt:用于安全方面的证书认证文件

.cur:Windows下的光标资源文件格式,可用光标编辑软件编辑

.css:Text/css文件

.dat:数据文件,在应用程序中使用

.dat:VCD中的图象声音文件,VCD播放软件可调用,或是通过VCD机播放

.dbf:数据库文件,Foxbase,Dbase,Visual FoxPro,等数据库处理系统所产生的数据库文件

.dcx:传真浏览文档文件

.ddi:映象文件,DUP,HD,IMG等工具可展开

.dev:设备驱动程序

.dib:设备无关位图文件,这是一种文件格式,其目的是为了保证用某个应用程序创建的位图图形可以被其它应用程序装载或显示一样

.dir:目录文件

.dll:Windows动态连接库,几乎无处不在,但有时由于不同版本DLL冲突会造成败各种各样的问踢

.doc:是目前市场占有率最高的办公室软件Microsoft Office中的字处理软件Word创建的文档

.dos:Windows保留的MS-DOS的某些系统文件

.dot:Microsoft Word的文档模板文件,通过模板可以简化一些常用格式文档的创建工作,而且可以内嵌VBA程序来实现某些自动化功能

.drv:设备驱动程序文件,用在各种系统中

.dwg:AutoCAD的图纸文件,也是许多绘图软件都支持的格式,常用于共享数据

.dxb:AutoCAD创建的一中图形文件格式

.dxf:图形交换格式,一种计算机辅助设计的文件格式,最初开发用来与AutoCAD一起使用,以便于图形文件在应用程序之间的传递,它以ASCII方式储存图形,在表现图形的大小方面十分精确

.der:Certiticate文件

.dic:Txt文件

.emf:由Microsoft公司开发的Windows 32位扩展图元文件格式,其总体设计目标是要弥补在Microsoft Windows 3.1(Win16)中用的*.wmf文件格式的不足,使得图元文件更加易于使用

.eps:用PostScript语言描述的一种图形文件格式,以文本文件保存,在PostScript图形打印机上能打印出高品质的图形图象,最高能表示32位图形图象

.err:编译错误文件,存在于Dbase,Foxbase,Foxpro系列软件环境下

.exe:可执行文件,虽然后缀名相同,但具有不同的格式和版本

.exp:3DS使用的显示卡驱动程序

.exc:Txt文件

.flc:Autodesk Animator和Animatorpro的动画文件,支持256色,最大的图象象索是64000*64000,支持压缩,广泛用于动画图形中的动画序列,计算机辅助设计和计算机游戏应用程序

.fnd:保存的搜索结果

.fon:点阵字库文件

.for:Fortran语言程序

.fot:指向字体的快捷键

.fp: 配置文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.fpt:备注字段文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.frt:报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.frx:报表文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.fxp:编译后的程序,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.gif:在各种平台的各种图形处理软件上均能够处理的,经过压缩的一种图形文件格式

.grh:方正公司的图象排版文件

.grp:Windows下的程序管理器产生的组窗口文件

.goc:Gocserve

.gra:MSGraph.Chart.5

.h:C语言源程序头文件

.hlp:Windows应用程序帮助文件

.hqx:Macintosh中使用BinHex将二进制文件编码为7位的文本文件,大多数Macintosh文件皆以.hqx出现(.bin极少使用),在Macintosh中,可使用StuffIt Expander对.hqx解码,在Windows中可使用BinHex 13解码

.ht: 超级终端

.htm:保存超文本描述语言的文本文件,用于描述各种各样的网页,使用各种浏览器打开

.html:同.htm文件

.icm:图象配色描述文件

.ico:Windows中的图标文件,可以包含同一个图标的多种格式,使用图标编辑软件创建

.idf:MIDI乐器定义

.idx:索引文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.iff:文件交换格式文件,这种文件格式多用于Amiga平台,在这种平台上它几乎可以存储各种类型的数据,在其它平台上,IFF文件格式多用于存储图象和声音文件

.image:MAcintosh磁盘映象文件,常见于萍果机的FTP网点,在Macintosh中由Shrink Wrap处理

.ime:Windows下的输入法文件

.img:磁盘映象文件,用HD-COPY,WinImage等工具打开后可以恢复到一张磁盘上

.inc:汇编语言包含文件,类似C/C++中的.H文件

.inf:Windows下的软件安装信息,Windows的标准安装程序根据此文件内的安装信息对软件,驱动程序等进行安装

.ini:Windows中的初始化信息文件,已经用的不多了,新的应用程序将设置保存在系统的注册表中

.jar:一种压缩文件,ARJ的新版本,不过不太流行,可以使用WinJar,Winrar等打开

.jpeg:一种图片压缩文件,同.jpg

.jpg:静态图象专家组制订的静态图象压缩标准,具有很高的压缩比,使用非常广泛,可使用PhotoShop等图象处理软件创建

.lnk:快捷方式,这个文件指向另一个文件,开始菜单的程序文件夹下每条项目都是一个LNK文件

.log:日志文件,通常用来记录一些事件之类

.lzh:一种古老的压缩文件,可以使用WinRAR打开

.mac:Macintosh中使用的一中灰度图形文件格式,在Macintosh Paintbrush中使用,其分辨率只能是720*567

.mag :图形文件格式

.mdb :Microsoft Access使用的数据库格式,是非常流行的桌面数据库

.men :内存应用文件,存在于Dbase,Foxbase,Foxpro系列软件的环境下

.mid :音频压缩文件,曾经非常流行,不过在现在的软件中用的很少了

.mif :MIDI乐器

.mov :使用Apple's QuickTime格式的电影文件,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等软件播放,在Windows中可由Quicktime播放

.movie :QuickTime或苹果机的影视格式,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等软件播放,在Windows中可由QuickTime播放

.mp3 :采用MPEG-1 Layout 3标准压缩的音频文件,是网上主要的压缩音频文件,这种文件由于具有极高的压缩率和失真低的特点,是目前音乐盗版的主要文件格式,但目前受到VQF,WMA等新标准的挑战

.mpg :采用MPEG-1标准压缩的视频文件,与VCD使用的格式非常相近,提供CD质量的音频信号和320*240的视频分辩率,目前的媒体播放软件大都能放,Microsoft的WMV8和MPEG-4压缩的AVI文件是其强大的竞争对手

.mpt :Macintosh中使用的一种图形文件格式

.msg :Microsoft邮件文档

.obj :对象代码

.ovl :由于软件功能多,内存偏小,不能一次性全部调入内存的可执行文件可能有同文件名的ovl文件

.pcd :位图文件,由Eastman Kodak开发,被所有的平台所支持,PCD支持24位颜色,最大的图象像索是2048*3072,用于在CD-ROM上保存图片

.pcs :动画文件,是Macromedia开发的动画文件格式,为Macintosh应用程序使用,支持压缩,支持256色,用于保存动画数据,是Quick Time的前身

.pcx :图像文件,PCX格式是ZSOFT公司在开发图像处理软件Paintbrush是开发的一种格式,这是一种经过压缩的格式,占用磁盘空间较少

.pdf :图文多媒体文件,Adobe公司定义的电子印刷品文件格式,它是一种事实上的标准,在Internet网上的很多电子印刷品,都是.pdf格式的

.psd :是PhotoShop中使用的一种标准图形文件格式,能够保存图像数据的每一个细小部分,包括层,附加的蒙版通道以及其他内容

.pwl :Windows下的口令文件

.qt :Machintosh 的QuickTime影视格式,在Macintosh中由Sparkle,FastPlayer,MoviePlayer等软件播放,在Windows中可由Quicktime播放

.qtm :动画文件,这种文件格式是由Apple计算机公司开发,被Apple Macintosh和Microsoft Windows平台所支持,支持25位颜色,最大图像分辩率是64000*64000,支持压缩,用于保存音频和运动视频信息

.rec :Windows下的记录器宏文件

.reg :Windows 95/98的系统及应用程序注册文件,这种文件虽然以纯文本文件保存,但一样存在版本问题,不同的操作系统使用的REG文件版本是不同的

.rle :一种压缩过的位图文件格式,RLE压缩方案是一种极其成熟的压缩方案,特点是无损失压缩,既节省了磁盘空间又不损失任何图像数据,但在打开这种压缩文件时,要花费更多时间,此外,一些兼容性不太好的应用程序可能会搭不开

.rm :Windows下的RealPlayer所支持的视频压缩文件,网上非常流行的流式视频文件,很多实时视频新闻等都是采用这种格式的,不过,最新的Windows Media Video V8已经对其发起了强大的攻势

.rmi :MIDI音序文件

.rtf :丰富文本格式文件,以纯文本描述内容,能够保存各种格式信息,可以用写字版,Word等创建

.sav :存档文件

.scp :用于Windows系统中Internet拨号用户,自动拨号登录用的脚本文件,可避免手动登录时繁琐的键盘输入

.scr :屏障保护文件

.sct :屏幕文件

.scx :屏幕文件

.set :Microsoft备份集文件,用于保存要备份的内容,设置等信息

.shb :指向一个文档的快捷方式

.snd :Mac声音文件,Apple计算机公司开发的声音文件格式,被Macintosh平台和多种Macintosh应用程序所支持,支持某些压缩

.sql:查询文件,在Dbase,Foxbase,Foxpro系列软件的环境下使用

.svg :SVG可以算是目前最火热的图像文件格式了,它是基于XML由WorldWideWebConsortium联盟开发的,SVG是可缩放的矢量图形

.svx :Amiga声音文件,Commodore所开发的声音文件格式,被Amiga平台和应用程序所支持,不支持压缩

.swf :flash是Micromedia公司的产品,严格说它是一种动画编辑软件,实际上它是制作出一种后缀名为.swf的动画,这种格式的动画能用比较小的体积来表现丰富的多媒体形式,并且还可以与HTML文件达到一种"水乳交融"的境界

.swg:虚拟内存交换文件,由操作系统使用

.sys:系统文件,驱动程序等,在不同的操作系统中有不同的定义

.tbk:临时数据库文件,在Dbase,Foxbase,Foxpro系列软件的环境下使用

.tga:图像文件,此文件格式的结构比较简单,属于一种图形,图像数据的通用格式,在多媒体领域有着很大影响,是计算机生成图像向电视转换的一种首选格式

.tiff:图像文件,此图像格式复杂,存储内容多,占用存储空间大,其大小是GIF图像的3倍,是相应的JPEG图像的10倍,最早流行于Macintosh,现在Windows主流的图像应用程序都支持此格式

分享几种适配方案,供大家参考。

1. <img>标签引用的图片

我们以一张 300*200px 的照片为例:

1

<img src="./photo.jpg" style="width:300pxheight:200px" />

如果想让这张图片在 Retina 屏幕下达到应有的显示分辨率,只需使用该照片的源文件导出一张清晰的 600*400px 的图片,我们将其命名为 photo@2x.jpg,替换现有的图片即可:

1

<img src="./photo@2x.jpg" style="width:300pxheight:200px" />

换成 @2X 图片,在 Retina 屏幕下的显示就清晰多了,可谓细节毕现。不过在普通屏幕下,图片的显示需要经过浏览器的压缩,一些老版本浏览器如 IE6、7 会显示得非常失真,同时大尺寸的图片会占用更多的带宽,增加页面加载的时间,降低用户体验。通过 JS 的辅助,可以让图片在普通屏幕和 Retina 屏幕下做到自动适配:

<img class="photo" src="./photo.jpg" style="width:300pxheight:200px" /> <script type="text/javascript">$(document).ready(function () {

if (window.devicePixelRatio >1) {

var images = $("img.photo")

images.each(function(i) {

var x1 = $(this).attr('src')

var x2 = x1.replace(/(.*)(\.\w+)/, "$1@2x$2")

$(this).attr('src', x2)

})

}

})</script>

Retina.js 提供了更加完善的解决方案,自动匹配屏幕分辨率的同时,还可以检测服务器上是否存有当前图片的 @2X 版本,以决定是否替换。

优点:

操作简单

普通屏幕下不会加载 @2X 的大尺寸图片,节约带宽

缺点:

Retina 屏幕下,标准图片和 @2X 图片都会被加载

图片在显示过程中会被重绘

有些老版本浏览器下存在兼容问题

2. CSS 背景图片

2.1 Meta Queries + background-size

我们以一张 logo 的背景图为例,首先我们定义 logo 的尺寸为 100*40px,然后为 #logo 设定一个 100*40px 的背景图片 logo.png,

#logo {

width: 100px

height: 40px

background: url(./logo.png) 0 0 no-repeat}

接下来通过 Meta Queries 判断设备的最小显示像素比,如果大于等于1.5的话,为 #logo 设定一张 200*80px 的背景图片 logo@2x.png,然后通过设置 background-size 让背景图显示为 logo 该有的尺寸。这里的显示像素比我们选择 1.5 作为阈值,是为了适配除苹果以外的高分辨率设备,比如三星的 Android Pad。

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min--moz-device-pixel-ratio: 1.5), /* 注意这里的写法比较特殊 */

only screen and (-o-min-device-pixel-ratio: 3/2),

only screen and (min-device-pixel-ratio: 1.5) {

#logo {

background-image: url(./logo@2x.png)

background-size: 100px auto

}}

这样,对于普通的显示设备或是不支持 Meta Queries 的浏览器,会显示标准的背景图,对于支持 Meta Queries 的 Retina 设备,会显示 @2X 的背景图。( IE6、7、8 均不支持 Meta Queries 和 background-size )

如果仅是为了适配当前的苹果 Retina 显示屏,也可以直接判断设备的显示像素比是否等于2:

@media only screen and (-webkit-device-pixel-ratio: 2),

only screen and (-moz-device-pixel-ratio: 2),

only screen and (-o-device-pixel-ratio: 2/1),

only screen and (device-pixel-ratio: 2) {

...}

优点:

只会加载匹配当前设备的最适图片

跨浏览器兼容

缺点:

如果背景图片很多的话,需要编写非常冗长的代码

2.2 image-set

我们同样以之前的 logo 为例,实现方式如下:

#logo {

background: url(./logo.png) 0 0 no-repeat

background-image: -webkit-image-set(url(./logo.png) 1x, url(./logo@2x.png) 2x)}

优点:

让图片的链接地址在 CSS 中更加集中,代码的维护成本降低

可以让浏览器获取多种尺寸的图片文件,根据屏幕分辨率或是其他一些因素选择适当的图片进行展示,在图片的匹配上可以做到更加智能

缺点:

image-set 现在只是 CSS4 的一个草案,目前只有 Webkit 内核的 Safari 6+ 和 Chrome 21+ 支持该属性

最后的这条缺点很致命,期待 W3C 早日将 image-set 写入标准之中,让更多的浏览器支持这种写法。

3. 使用 SVG 可缩放矢量图形

与只能记录像素信息的位图相比,矢量图在不同分辨率下的适配有着先天的优势,目前大多数现代浏览器都已经支持基于 XML 的 SVG 格式图形的显示,网页中一些线条简单的 Logo 、图标或特殊字形,如果转成矢量的 SVG 格式来显示,在 Retina 屏下的适配也就搞定了。

制作 SVG 格式图片,可以使用 Adobe Illustrator 或免费的替代软件 inkscape 。

使用 SVG 格式图片,可以像我们使用其他格式的图片一样,用 HTML 的 <img>标签引用,或用 CSS 的 background-image 、 content:url() 属性,需要注意的是,无论用哪种形式,最好定义一下图片的尺寸。

1

<img src="example.svg" width="300" height="200" />

/* Using background-image */.image {

background-image: url(example.svg)

background-size: 300px 200px

width: 300px

height: 200px} /* Using content:url() */.image-container:before {

content: url(example.svg)

/* width and height do not work with content:url() */}

如果需要兼容 IE6、7、8 或是其他一些不支持 SVG 的浏览器,需要额外用到 PNG 格式的图片副本(关于 PNG 格式 Alpha 通道的兼容问题这里不做讨论)。

3.1 <img>标签引用 SVG 格式图片

在 HTML 的 <img>标签中,增加一个 PNG 格式图片的自定义属性

1

<img src="example.svg" data-png-fallback="example.png" />

然后引入 jQuery 和 Modernizr 判断当前浏览器是否支持 SVG ,不支持的话使用 PNG 替换 SVG 。

$(document).ready(function(){

if(!Modernizr.svg) {

var images = $('img[data-png-fallback]')

images.each(function(i) {

$(this).attr('src', $(this).data('png-fallback'))

})

}})

3.2 CSS 背景引用 SVG 格式图片

引入 Modernizr ,将 CSS 改写成以下形式即可:

.image {

background-image: url(example.png)

background-size: 30p0x 200px} .svg {

.image {

background-image: url(example.svg)

}}

为了获得最佳的跨浏览器兼容效果,避免在 Firefox 和 Opera 下出现光栅问题,制作的 SVG 图片最小要达到父容器的尺寸。

优点:

可以适配任意分辨率

维护成本较低

矢量图可以无限伸缩,更加面向未来

缺点:

不适合复杂的图形,复杂的矢量图形可能会导致文件过大

不同的抗锯齿算法,可能会带来不同的浏览感受

IE6、7、8,早期的 Android 浏览器,及其他一些较老的浏览器无法提供对 SVG 的原生支持,使用 <img>标签的方式可能会导致浏览器下载 SVG 文件

4. Favicon

Favicon 的 Retina 适配比较容易,或许你的现在 Favicon 在 Retina 下就已经显示得非常清晰,如果不是这样,使用 ico 编辑工具,创建一个包含 16*16 和 32*32 两种内建图像的 ico 文件,替换现有的 Favicon 即可,浏览器会根据分辨率的大小自动匹配内建图像的尺寸。

至于 ico 编辑工具,Windows 下推荐使用 IconXP ,Mac 下推荐 Apple’s Icon Composer(Graphic Tools in Xcode 中)。