文档文库
手机版
投诉建议
热门搜索:
心得体会
演讲稿
思想汇报
首页
心得体会
学习心得体会
培训心得体会
军训心得体会
社会实践
作风建设
工作心得体会
教育心得体会
演讲稿
演讲稿格式
演讲稿范文
竞聘演讲稿
师德演讲稿
三分钟演讲稿
思想汇报
思想汇报范文
转正思想汇报
大学生思想汇报
季度思想汇报
教师思想汇报
工作计划
工作计划格式
工作计划开头
工作计划结尾
总结与计划
工作计划模板
工作总结
年终工作总结
年度工作总结
个人工作总结
实习报告
实习报告范文
实习计划范文
实习鉴定范文
实习报告内容
个人简历
求职简历
简历范文
简历模板
简历表格
简历格式
祝福语
春节
除夕
元宵
端午节
合同范文
合同范本
合同样本
合同范本格式
首页
>
网页设计制作要正确的使用图片格式
网页设计制作要正确的使用图片格式
发布时间:2023-05-11 01:47:29 来源:
文档文库
小
中
大
字号:
手机查看
网页设计制作要正确的使用图片格式
为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布、雕塑家要了
解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更
好的表达你的创意和想法。
除此之外,我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇
怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果,什么样的设计才
更适合
Web
页面;页面重构师和前端工程师则想知道在切图的时候应采用什么图片格
式、如何进行参数设置才能达到品质和性能的最优化。
有时候我们可能会因为一张格式不正确的图片而导致设计品质的下降以及页面性能的
降低。了解图片格式的特性就是为解答这些困惑从而让我们设计的产品更好、更快。
本文主要包括以下几方面内容:
1
、基本概念
矢量图与位图
有损压缩与无损压缩
2
、实际应用
什么时候应该使用
PNG
什么时候应该使用
JPG
总结
3
、思考与实践
什么样的设计更适合
Web
页面?
我们还可以做些什么?
4
、附录
-Photoshop
中各种参数的含义及设置技巧
1
、基本概念
要了解图片格式的特性,首先得从一些基本概念开始。这部分内容读起来可能会比较
枯燥,但如果你耐着性子读完它,相信会获益匪浅。
矢量图与位图
矢量图
-
完美的几何图形
矢量图是通过组成图形的一些基本元素,如点、线、面,边框,填充色等信息通过计
算的方式来显示图形的。就好比我们在几何学里面描述一个圆可以通过它的圆心位置
和半径来描述,当然还可以通过边框的粗细、颜色以及填充的颜色等数据去描述它的
样式。而电脑在显示的时候则通过这些数据去绘制出我们定义的图像。
矢量图的优点在于文件相对较小,并且放大缩小不会失真。缺点则是这些完美的几何
图形很难表现自然度高的写实图像。
需要强调说明的是我们在
web
页面上所使用的图像都是位图,即便有些称为矢量图形
(如矢量
icon
等)也是指通过矢量工具进行绘制然后再转成位图格式在
web
上使用
的(区别于像素绘制的图形)。
位图
-
神奇的拼图
位图又叫像素图或栅格图,它是通过记录图像中每一个点的颜色、深度、透明度等信
息来存储和显示图像。一张位图就好比一幅大的拼图,只不过每个拼块都是一个纯色
的像素点,当我们把这些不同颜色的像素点按照一定规律排列在一起的时候,就形成
了我们所看到的图像。所以当我们放大一幅像素图时,能看到这些拼片一样的像素点
(如下图)。
位图的优点是利于显示色彩层次丰富的写实图像。缺点则是文件大小较大,放大和缩
小图像会失真。
尽管我们在
web
页面中所使用的
JPG
、
PNG
、
GIF
格式的图像都是位图,即他们都是
通过记录像素点的数据来保存和显示图像,但这些不同格式的图像在记录这些数据时
的方式却不一样,这就是涉及到有损压缩和无损压缩的区别。
本文来源:
https://www.2haoxitong.net/k/doc/320da34f951ea76e58fafab069dc5022abea46fa.html
《网页设计制作要正确的使用图片格式.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
文档为doc格式
分享到:
相
关
案
例
肠道菌群分析RAD分析
2024-04-27
教师招聘教育综合知识必背考点
2024-04-27
治疗慢阻肺,用好祛痰药很重要
2024-04-27
安全验证
2024-04-27
正在进行安全检测...
2024-04-27
教资国考小学《教育教学知识与能力》精选练习题 小学生的认知发展
2024-04-27
慢阻肺知识讲座
2024-04-27
喉部有痰诊断详述
2024-04-27
英语四年级下册精通版第一单元单词
2024-04-27
用真是造句子
2024-04-27
相关推荐
1
要有神一样的爱
2
英语知识学习网站需求分析
3
介知传播MG动画文案剧本范本
4
皮球抹油歇后语的答案
5
奈卫健_适用宠物产品规格分类
6
卖油的敲盖垫歇后语的答案
7
广东省广州市白云区永平片2020-2021学年九年级上学期期中英语试题
8
我为社会主义核心价值观代言项目策划书
9
广东省珠海市容闳书院九年级数学上学期期中试卷(无答案) 新人教版
10
牛津深圳版一年级上册 Unit 3 My face 单元测试卷(含听力书面材料音频答案)
推荐内容
AppScan常见故障及解决方法
《上海市居住证》积分申请基本流程
2013年福建省泉州市中考数学试卷及答案(Word解析版)
灰色综合评价操作步骤
天津市公安局津南分局业务技术用房融资投资立项项目可行性研究报告(中撰咨询)
如何做好一个好经理
简洁的朋友早安QQ问候语
2013年厦门市中考数学试卷及答案(Word解析版)
餐饮服务场所紫外线消毒灯配置及使用规定73483
奔驰故障诊断与检修实例