仓酷云

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: 活动 交友 discuz
查看: 797|回复: 7

[HTML5] html5教程之网页图片处置教程:优化带锯齿PNG图片

[复制链接]
简单生活 该用户已被删除
发表于 2015-1-15 22:57:54 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

反选。

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

删失落过剩的部分。相称于把边沿修整了一下。

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

终极把图片导出为Alpha通明的PNG8格局。好了,优化乐成。别忘了先紧缩下图片再利用哦。

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

顺带说一下之前做的一个流程图示。
这个水滴状圆形也对照纠结,还好,它地点的中央,背景都是红色的,以是,连同红色背景裁切,就不忧虑锯齿成绩了。

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

由于这个背景图写法是定位到3像素的border下面,以是,对与border堆叠的部分,设置为通明。如许做神不知鬼不觉,也不会影响视觉效果。哈哈。

html5教程之网页图片处置教程:优化带锯齿PNG图片

html5教程之网页图片处置教程:优化带锯齿PNG图片

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

本版积分规则

支付宝扫码领红包,注册更划算:

QQ|Archiver|手机版|仓酷云 ( 鄂ICP备14007578号 )

GMT+8, 2019-12-10 03:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表