由于网络速度问题,我们需要考虑图片大小对传输速度的影响,如果图片太大就会影响浏览速度,访 问者很快就会对这个网站失去了兴趣,只有充分了解图片质量与下载速度的关系,并了解不同的文件格式,才能更有效的表达内容。如何控制 图片质量而不影响网页加载速度,我们今天陈述一点网页设计中常 用到的参数:
1、分辨率
理解图像分辨率可以直接控制文件大小和下载速度,进而影响访问者的人数,创建WEB 图片的小、快、好。 显示器的分辨率起绝对性作用,大多数显示器使用的是1024*768的分辨率,因为要通过显示器显示页面,所以用高分辨率并不会增加图片质量 还会降低图片的下载速度。
2、位图
习惯性称为图像,而将矢量图称为图形,位图是位映射图像的简称,也可以叫栅格图。他将一副 图分成许多栅格,栅格的每一个点就是图像的像素,其值就是像素的亮度和色彩度,扩大位图尺寸的效果就是增多像素,从而将线条和形状显 示的参差不齐,位图与其他分辨率密切相关,因此在处理位图图像时,必须设置合适的图像分辨率,否则输出图像时会遗漏细节,使图像模糊 。
3、矢量
矢量图也称为面向对像的图像或绘图图像,它使用一组线段造型描述一段图像,图像中包含的直线,弧线和造型的设置与 开关是由指令描述的,矢量图适用于描述色彩简单的图像,矢量文件中的图像元素称为对象,每一个对象都是一个自成一体的主体,它具有形 状、轮廓、大小和屏幕位置等属性。放大位图会失真,但放大矢量图不会失真。
4、图片格式
制作好的效果图可以保存为各种格式, 包括GIF 格式,JPEG 格式和PNG 格式等各个图片格式之间的区别为:GIF 格式即图形交换格式;GIF 格式的图片只能使用256 种颜色,不适合 显示色彩丰富的图像内容。其特点是1.采用隔行扫描的显示方式;2.可以设置背景透明;3.可以制作简单的动画。JPEG 格式可以显示颜色复杂 的图片,但是在处理大面积的颜色块时可能会出现明显的压缩痕迹。PNG 格式的图片兼有GIF 和JPEG 的优点。
把握以上几点,想做出高 清而不影响网站速度的图片是非常容易的。专业网站建设是需要每 天在学习中积累。
网页设计的常用参数非原创文章,如若转载,请注明出处:https://www.eq.sd.cn/158.html