Submit Search
Upload
张思坚 浏览器兼容性
•
Download as PPTX, PDF
•
2 likes
•
313 views
W
Webrebuild
Follow
Technology
Report
Share
Report
Share
1 of 16
Download now
Recommended
唐俊开,网名:三桥,目前就职于广州悠乐无线科技。在广州3年JavaWeb开发经验,现前端工程师,热衷前端技术与研究,目前关注的领域是HTML5和iOS技术的研究,对用户体验和交互设计充满好奇。
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
webrebuild第四届年会主持
飘飘 年会主持
飘飘 年会主持
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
重构 这一路走来
重构 这一路走来
Webrebuild
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Recommended
唐俊开,网名:三桥,目前就职于广州悠乐无线科技。在广州3年JavaWeb开发经验,现前端工程师,热衷前端技术与研究,目前关注的领域是HTML5和iOS技术的研究,对用户体验和交互设计充满好奇。
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
webrebuild第四届年会主持
飘飘 年会主持
飘飘 年会主持
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
谭正谊,Web前端开发,就职于腾讯广州研发部。曾参与QQ邮箱JS开发框架的设计与实现,现主要负责QQ邮箱触屏版开发。
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
重构 这一路走来
重构 这一路走来
Webrebuild
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Script with engine
Script with engine
Webrebuild
Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
网易邮箱资深页面架构工程师孙极,男,86年出生,4年前端经验,参与了网易邮箱极速4、iPad和iPhone版开发。主题《Hello, JSS! - 一种新样式语言的诞生》
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
Webrebuild
陈子舜,腾讯开放平台研发副总监。04年开始学前端,做重构,玩博客。06年入腾讯,做前端,玩空间。11年搞开放,做前端,玩手机。历经的产品不多,搞过PJBlog,QQ空间,接触过农牧场,腾讯开放平台。在7年前端生涯,发现前端技术水很深。从用户体验,性能优化,运营能力,编码效率,作为前端开发,压力越大机会越多,有木有。
陈子舜-Html5 based web app
陈子舜-Html5 based web app
Webrebuild
黄婉芳/迅雷用户体验设计中心高级重构工程师
微观重构 黄婉芳
微观重构 黄婉芳
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
Css schema by_sofish
Css schema by_sofish
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
Qmail rebuild_by_nico
Qmail rebuild_by_nico
Webrebuild
合色的图像 真色彩图像(jpeg、png24、png32),色彩比较丰富包含16777216种颜色。调色板图像gif、png8,色彩简单只能包含256种颜色。 但如果把真色彩图像,错误地使用了gif或png8格式会,通常会有损视觉效果。 又如果把调色板图像,错误地使用了jpeg、png24、png32格式,通常会导致文件体积更大。 小尺寸图片,即使色彩丰富也可以使用调色板图像,因为256种颜色一般足够对小图片进行视觉还原,而肉眼对小图的敏感度也没有那么高。 GIF 适当降低GIF失真度,可有效减少体积。 利用Fireworks工具做压缩,Fireworks有一种叫“失真”可以压缩动画和静态的GIF图像,能提供0到100之间的压缩范围,选择压缩比例越大文件体积越小,当然着视觉体验也会随着降低。一种有损压缩的方法,在非必要的情况下,不建议使用这方法。 隔行扫描用户体验好,但文件体积会变大。 隔行扫描(某些软件又称:交错)指显示屏在显示一幅图像时,先扫描奇数行,全部完成奇数行扫描后再扫描偶数行,隔行扫描在还没有完成扫描时我们就已经能知道内容,能给我们带来更好的体检。虽然隔行扫描用户体验好,但文件体积会变大。所以在使用时我们要作出权衡了。 JPEG 除JPEG外,其它网络图像格式都是无损压缩,必要时为JPEG保留PSD源文件,以便修改维护。 JPEG品质一般选择在70 % ~80%之间,色彩越鲜艳要求品质越高。 JPEG不适合保存图形分明线条简单以及256颜色以下的图像。 渐进式JPEG,用户体验更好,文件体积更小。 适当的使用模糊降低JPEG细节,一些平滑过渡的颜色和色调,可减少图片体积。 JPEG2000图像更加细腻平滑,而且体积相比JPEG最高可减少30%,但JPEG2000还没有被广泛使用。 PNG PNG可分为,PNG8(调色板图像,支持半透明。但在PS只能导出布尔值的PNG8即要么不透明要么全透明不能实现全透明),PNG24(真色彩,不支持透明(和JPG唯一的区别是PNG24是无损的格式)、PNG32(真色彩,支持半透明。) 半透明的PNG8,与PS里的透明PNG24,体积有很大差异,所以色彩简单256色内的半透明图片,尽量使用PNG8。 在艺术加工过程中,可能把某些区域隐藏但依然占有数据空间,可利用PNGGauntlet工具对导出后的PNG,进行二次压缩把被隐藏数据清除。 需要真色彩及透明度的效果我们需要用到PNG32但往往文件体积会比较大,在可行的情况下,我们可以使用SWF替换PNG32,但对性能会有一定的影响,建议大家可以参考权衡一下。 工具 ImageMagick 、Gifsicle : 服务器及批量压缩的好工具。 PNGGauntlet: 把GIF转换成PNG8,如果是GIF动画经转换后则成了静态的PNG8图片。对现有的PNG8、PNG24、PNG32进行二次压缩,把多余的数据块清除。 TweakPNG: 是一款PNG数据块检查工具,经压缩过的PNG一般保留的数据块不超过5个。 Fireworks与Photoshop: 相同的质量,Fireworks比Photoshop输出的图片体积更小。 更多的工具参考: http://www.phpied.com/give-png-a-chance/
潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
Webrebuild
WebRebuild年会深圳站分享主题,《重温网站重构》 - 郑焕义/AvenirZheng
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
More Related Content
More from Webrebuild
Script with engine
Script with engine
Webrebuild
Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
网易邮箱资深页面架构工程师孙极,男,86年出生,4年前端经验,参与了网易邮箱极速4、iPad和iPhone版开发。主题《Hello, JSS! - 一种新样式语言的诞生》
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
Webrebuild
陈子舜,腾讯开放平台研发副总监。04年开始学前端,做重构,玩博客。06年入腾讯,做前端,玩空间。11年搞开放,做前端,玩手机。历经的产品不多,搞过PJBlog,QQ空间,接触过农牧场,腾讯开放平台。在7年前端生涯,发现前端技术水很深。从用户体验,性能优化,运营能力,编码效率,作为前端开发,压力越大机会越多,有木有。
陈子舜-Html5 based web app
陈子舜-Html5 based web app
Webrebuild
黄婉芳/迅雷用户体验设计中心高级重构工程师
微观重构 黄婉芳
微观重构 黄婉芳
Webrebuild
keynote文件输出ppt,效果有丢失。
年会主持 By pufen
年会主持 By pufen
Webrebuild
Css schema by_sofish
Css schema by_sofish
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
Qmail rebuild_by_nico
Qmail rebuild_by_nico
Webrebuild
合色的图像 真色彩图像(jpeg、png24、png32),色彩比较丰富包含16777216种颜色。调色板图像gif、png8,色彩简单只能包含256种颜色。 但如果把真色彩图像,错误地使用了gif或png8格式会,通常会有损视觉效果。 又如果把调色板图像,错误地使用了jpeg、png24、png32格式,通常会导致文件体积更大。 小尺寸图片,即使色彩丰富也可以使用调色板图像,因为256种颜色一般足够对小图片进行视觉还原,而肉眼对小图的敏感度也没有那么高。 GIF 适当降低GIF失真度,可有效减少体积。 利用Fireworks工具做压缩,Fireworks有一种叫“失真”可以压缩动画和静态的GIF图像,能提供0到100之间的压缩范围,选择压缩比例越大文件体积越小,当然着视觉体验也会随着降低。一种有损压缩的方法,在非必要的情况下,不建议使用这方法。 隔行扫描用户体验好,但文件体积会变大。 隔行扫描(某些软件又称:交错)指显示屏在显示一幅图像时,先扫描奇数行,全部完成奇数行扫描后再扫描偶数行,隔行扫描在还没有完成扫描时我们就已经能知道内容,能给我们带来更好的体检。虽然隔行扫描用户体验好,但文件体积会变大。所以在使用时我们要作出权衡了。 JPEG 除JPEG外,其它网络图像格式都是无损压缩,必要时为JPEG保留PSD源文件,以便修改维护。 JPEG品质一般选择在70 % ~80%之间,色彩越鲜艳要求品质越高。 JPEG不适合保存图形分明线条简单以及256颜色以下的图像。 渐进式JPEG,用户体验更好,文件体积更小。 适当的使用模糊降低JPEG细节,一些平滑过渡的颜色和色调,可减少图片体积。 JPEG2000图像更加细腻平滑,而且体积相比JPEG最高可减少30%,但JPEG2000还没有被广泛使用。 PNG PNG可分为,PNG8(调色板图像,支持半透明。但在PS只能导出布尔值的PNG8即要么不透明要么全透明不能实现全透明),PNG24(真色彩,不支持透明(和JPG唯一的区别是PNG24是无损的格式)、PNG32(真色彩,支持半透明。) 半透明的PNG8,与PS里的透明PNG24,体积有很大差异,所以色彩简单256色内的半透明图片,尽量使用PNG8。 在艺术加工过程中,可能把某些区域隐藏但依然占有数据空间,可利用PNGGauntlet工具对导出后的PNG,进行二次压缩把被隐藏数据清除。 需要真色彩及透明度的效果我们需要用到PNG32但往往文件体积会比较大,在可行的情况下,我们可以使用SWF替换PNG32,但对性能会有一定的影响,建议大家可以参考权衡一下。 工具 ImageMagick 、Gifsicle : 服务器及批量压缩的好工具。 PNGGauntlet: 把GIF转换成PNG8,如果是GIF动画经转换后则成了静态的PNG8图片。对现有的PNG8、PNG24、PNG32进行二次压缩,把多余的数据块清除。 TweakPNG: 是一款PNG数据块检查工具,经压缩过的PNG一般保留的数据块不超过5个。 Fireworks与Photoshop: 相同的质量,Fireworks比Photoshop输出的图片体积更小。 更多的工具参考: http://www.phpied.com/give-png-a-chance/
潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
Webrebuild
WebRebuild年会深圳站分享主题,《重温网站重构》 - 郑焕义/AvenirZheng
郑焕义 重温网站重构
郑焕义 重温网站重构
Webrebuild
More from Webrebuild
(15)
Script with engine
Script with engine
Css3之颜色与半透明
Css3之颜色与半透明
移动网站的兼容性探索
移动网站的兼容性探索
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
陈子舜-Html5 based web app
陈子舜-Html5 based web app
微观重构 黄婉芳
微观重构 黄婉芳
年会主持 By pufen
年会主持 By pufen
Css schema by_sofish
Css schema by_sofish
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Qmail rebuild_by_nico
Qmail rebuild_by_nico
潘杰茂_网络图像优化
潘杰茂_网络图像优化
石玉磊 Web rebuild
石玉磊 Web rebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
迅雷邹惠斌(Impact) 移动设备web重构
迅雷邹惠斌(Impact) 移动设备web重构
郑焕义 重温网站重构
郑焕义 重温网站重构
Download now