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

pageadmin CMS网站建设教程:网页设计的常用参数的更多相关文章

  1. pageadmin CMS网站建设教程:如何修改用户密码?

    pageadmin CMS网站建设教程: 当我们想修改密码,该如何修改呢? 1. 首先,登录会员中心,会员中心的地址是在网址后面加上/member/login: 2. 例:我的网站地址是localho ...

  2. pageadmin CMS网站建设教程:模板中如何实现信息数据共享

    pageadmin CMS网站制作教程:模板中如何实现信息数据共享 很多时候信息数据需要共享,一个最常用的应用场景就是手机版(独立手机,非响应式)本共享pc版本数据,下面以这个场景为例讲解. 假设手机 ...

  3. PageAdmin CMS网站建设教程:如何创建及管理栏目?

    PageAdmin CMS网站制作教程:如何创建及管理栏目?1.登录管理后台后,在顶部导航中找到网站,并点击: 2.在左侧栏目中找到栏目管理,并点击: 3.进入到栏目管理页面,在顶部找到菜单,点击添加 ...

  4. PageAdmin CMS网站建设教程:如何实现信息的定时发布

    PageAdmin Cms发布文章时候有一个上线时间设置和下线时间设置,网站编辑人员可以利用这个功能来实现定时发布,在信息发布界面,如下图: 设置后就会自动加入定时任务中,注意这个功能需要再系统设置& ...

  5. pageadmin CMS网站建设教程:站点添加自定义字段

    首先看看pagedmin默认的站点设置都有什么,如下图: 这里只有一些最基本的参数设置,用过3.0版本或用过其他公司开发的cms的用户应该有这种体验,在站点设置中可以设置logo图片,备案号,底部内容 ...

  6. pageadmin CMS网站建设教程: 附属表数据列表调用语法

    列表调用语法 Html.SubDataList(参数1,参数2,参数3,参数4)参数说明: 注:第一个参数对象中必须定义Table或ParentTable/ParentField属性.参数1常用属性: ...

  7. pageadmin CMS网站制作教程:模板概念解释

    pageadmin CMS网站建设教程:模板概念解释 1.模板页 又叫视图页面,PageAdmin后台栏目或信息中用到的模板页面的统称,格式必须是.cshtml后缀文件,前端人员制作的页面默认都是ht ...

  8. pageadmin CMS网站制作教程:模板中的站点数据调用

    pageadmin CMS网站建设教程:模板中的站点数据调用 1.获取当前站点Id,返回int数字 Html.CurrentSiteId() 2.获取当前站点url地址,返回string字符串 Htm ...

  9. pageadmin CMS网站制作教程:

    pageadmin CMS网站建设教程:模板中如何实现信息数据共享 很多时候信息数据需要共享,一个最常用的应用场景就是手机版(独立手机,非响应式)本共享pc版本数据,下面以这个场景为例讲解. 假设手机 ...

随机推荐

  1. 想取得刚才nextval()的值时,放心大胆的用currval()吧,currval()的返回值并不会因为nextval()的并发访问而混乱

    以前写sql的时候总是担心current()得到的值并不会绝对等于我上一次nextval()取得的值;因为可能其他线程并发访问nextval(). 先说结论吧:当你拿到一个数据库连接,先nextval ...

  2. VS2015 C#6.0 中的没有实现/支持的特性

      VS2015 C#6.0 中的没有实现/支持的特性   .数组增强:赋值 维数组 Int[] numbers: numbers = {2,3,4,5}; 维数组 Int[,] numbers2; ...

  3. LevelDB Filters

    [LevelDB Filters] Because of the way leveldb data is organized on disk, a single Get() call may invo ...

  4. 裸函数naked解析

    先分享一个案例: #include <stdio.h> __declspec(naked) void Test() { int x; x = ; __asm ret; } int main ...

  5. input和React-Native的TextInput的输入限制,只能输入两位小数(阻止0开头的输入),类似价格限制

    一.背景: 想要实现一功能: 1. 最多只能输入两位小数,类似的价格限制 2. 实时监听限制输入,禁止输入不符合规范的字符(当输入违禁字符,进行删除操作) 这样做的优点: 1. 在用户输入时直接进行限 ...

  6. (K)ubuntu上将分区格式化成NTFS格式

    新买了硬盘,装系统时,为Windows预留了几个分区,由于没有其他选择,因此将分区格式化成了fat32格式.装完系统后,总是很纠结,想把这些分区格式化成NTFS格式. google了一下,从这个网址( ...

  7. PropertySheet

    ---------------------------------include----------------------------------- E:\OpenSourceGraph\OSG_i ...

  8. swagger框架

    1.1   介绍 Swagger是一个简单又强大的能为你的Restful风格的Api生成文档工具.在项目中集成这个工具,根据我们自己的配置信息能够自动为我们生成一个api文档展示页,可以在浏览器中直接 ...

  9. 删除重复记录的最新sql脚本

    delete from tb1   where id in(select t2.minnum from(select MIN(t1.id) as minnum,t1.col1 as ars ,COUN ...

  10. UVa 1395 Slim Span (最小生成树)

    题意:给定n个结点的图,求最大边的权值减去最小边的权值最小的生成树. 析:这个和最小生成树差不多,从小到大枚举左端点,对于每一个左端点,再枚举右端点,不断更新最小值.挺简单的一个题. #include ...