网页设计中图片格式的选择

发布时间:2020-06-30 09:38:00

在网页设计中,剪切输出是设计者将手绘原稿转换为网页图片格式并提交给下一个人进行网页布局的重要步骤。选择合适的图像格式不仅可以使设计得到合理的显示效果,而且可以有效地控制文件大小,节省下载时间,有效地减轻服务器的负担。例如,Photoshop和illustrator是设计师最常用的工具,它们提供了“保存到网页”的功能。与默认的保存模式不同,在此模式下,软件提供诸如模拟地图文件输出的质量调整、文件大小控制等选项,以满足web地图文件的要求:

在网页设计中,剪切输出是设计者将手绘原稿转换为网页图片格式并提交给下一个人进行网页布局的重要步骤。选择合适的图像格式不仅可以使设计得到合理的显示效果,而且可以有效地控制文件大小,节省下载时间,有效地减轻服务器的负担。例如,Photoshop和illustrator是设计师最常用的工具,它们提供了“保存到网页”的功能。与默认的保存模式不同,在此模式下,软件提供诸如模拟地图文件输出的质量调整、文件大小控制等选项,以满足web地图文件的要求:

我相信很多人都知道网页设计中最常用的格式是JPG、GIF、PNG等格式,但并不是所有人都知道它们之间的实际区别以及何时选择哪种格式。选择GIF后的输出结果往往很糟糕,因此PNG(24)似乎突然变得流行起来,不管绘图文件的大小是不是多个。

由于旧的计算机系统和文件系统的限制,计算机文件的文件名和扩展名被指定为8.3格式,因此JPEG的文件名被缩写为。摩根大通。JPEG可以说是最常见的文件格式。我相信随着数码相机的普及,几乎每个数码相机和照相手机都可以(甚至可以)输出JPEG文件格式。JPEG是一种典型的使用有损压缩的文件格式。也就是说,每次用户归档JPEG文件时,文件内容都会被销毁。这种特征在视觉识别下不明显,但能有效地减小文件的大小。就像这些使用JPEG的设备一样,JPEG非常适合存储具有丰富像素颜色的图片,例如照片等,即使存在一些轻微的失真也不容易检测到。相反,JPEG不适合存储边缘清晰的图片,如线条图、图标或文本等。重复存储JPEG文件会永久损坏图片中的细节。

gigif有许多与JPEG相关的特性和表达式。Gif采用无损压缩格式,但它限制了颜色表达的能力,可以有效地节省文件大小。Gif只有8位的颜色深度信息,所谓8位是指2的8次方,即256色。当图片中的颜色在256色以内时,在考虑文件大小的情况下,使用GIF可以获得相当好的输出质量。因此,GIF非常适合表示图标、UI界面、线条插图、文本等部分的输出。此外,GIF还支持透明背景、动画文件格式,几乎不需要担心支持:几乎100%的浏览器都支持它。

由于JPEG和GIF具有如此不同的特性,我们可以很容易地选择何时使用哪种格式来输出所需的文件。当图像颜色丰富且边缘线之间没有强烈对比度时,选择JPEG以获得最佳的输出效果,例如照片就是最好的例子:

当图片是边缘清晰的线条画,不使用太多颜色,甚至可能需要透明背景时,GIF是一个完美的选择。文件小,画质细腻。

Pngpng最初是作为GIF的替代品而开发的。PNG作为一种新兴的图像传输文件格式,也采用了无损压缩格式。事实上,PNG是由于GIF使用的无损压缩格式的专利问题而发展起来的。Png可以分为两种格式:Png-8和Png-24。Png-8功能接近GIF,支持256色和透明背景。Png-24支持多达160万种颜色。

虽然PNG不支持动画,但PNG-24支持alpha透明度,这是PNG-24中最引人注目的部分。也就是说,在使用PNG输出图形文件时,可以有效地支持不同的透明度效果。这对网页设计师来说无疑是个好消息。例如,此图片是使用三个png-24图片在网页中排版的结果:

在大多数情况下,设计者必须根据图像的要求选择不同的文件格式,并对其进行适当的调整。尽管png-24看起来很完美,但文件大小的相应增加是理所当然的。还有浏览器支持的问题。虽然现在大多数浏览器都支持png-24格式,但不幸的是,IE6不支持透明的png文件。仍有相当多的用户使用IE6或更早版本。虽然比例会越来越小,但设计者必须考虑是否改用GIF,或者改用GIF,程序通过脚本支持透明的PNG格式。


17742004931 联系我们,谈您的需求

立即咨询 立即建站