仓酷云

标题: html5教程之网页图片处置教程:优化带锯齿PNG图片 [打印本页]

作者: 简单生活    时间: 2015-1-15 22:57
标题: html5教程之网页图片处置教程:优化带锯齿PNG图片
WHATWG致力于Web表单和应用程序,而W3C(WorldWideWebConsortium,万维网联盟)专注于XHTML2.0。在2006年,双方决定进行合作.来创建一个新版本的HTML。破洛洛文章简介:带锯齿PNG图片的优化。
纪录一下,图片处置的一个小办法。
这个是sprite背景图,我把背景设为玄色以便于演示,实在际是通明的背景。
优化前,图片对照多的锯齿。依据毫毫的倡议,办理办法以下。
画一个一律巨细的矩形(20px*19px)选择地区,瞄准这个图形。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

反选。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

删失落过剩的部分。相称于把边沿修整了一下。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

终极把图片导出为Alpha通明的PNG8格局。好了,优化乐成。别忘了先紧缩下图片再利用哦。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

顺带说一下之前做的一个流程图示。
这个水滴状圆形也对照纠结,还好,它地点的中央,背景都是红色的,以是,连同红色背景裁切,就不忧虑锯齿成绩了。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

由于这个背景图写法是定位到3像素的border下面,以是,对与border堆叠的部分,设置为通明。如许做神不知鬼不觉,也不会影响视觉效果。哈哈。
html5教程之网页图片处置教程:优化带锯齿PNG图片
登录/注册后可看大图

</p>
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。
作者: 仓酷云    时间: 2015-1-17 17:25
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
作者: 兰色精灵    时间: 2015-1-21 09:41
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 小妖女    时间: 2015-1-30 14:05
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
作者: 分手快乐    时间: 2015-2-6 13:23
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者: 不帅    时间: 2015-3-11 22:53
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
作者: 因胸联盟    时间: 2015-3-19 16:03
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者: 只想知道    时间: 2015-3-29 09:03
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2