最有效的方法:减少和优化PNG图片
2014-09-17 16:19
218 查看
PNG的透明通道为网页设计提供了方便(PNG24),但这类图片的压缩比不高。下面介绍一种能有效减少和优化PNG图片的方法。
原始文件 - 147 KB
网站优化(另存为网页时不色调分离) - 70 KB
多色调分色,并另存为网页 - 53 KB
多色调分色的轻微丧失的图像质量和另存为网页 - 37 KB
第1步:PNG文件
我随机选择一个图像,这是它:第2步:色调分离它
到菜单栏,图像 - > 调整 - > 色调分离第3步:色调分离它
当你点击“色调分离”,你应该可以看到一个对话框。它有一个滑块进行色调分离水平调整。慢慢调整到所需的质量。如果你仔细地观察它,你将能够看到一些颜色被丢弃,这就是方式,以减少文件的大小。第4步:保存为网页
好了,最后一步-保存文件。转到文件 - > 另存为Web ..。然后,你刚才优化您的PNG文件!我相信你的PNG文件大小会降低。小测试
以下是做了一些测试,我看它减少了多少文件大小。原始文件 - 147 KB
网站优化(另存为网页时不色调分离) - 70 KB
多色调分色,并另存为网页 - 53 KB
多色调分色的轻微丧失的图像质量和另存为网页 - 37 KB
相关文章推荐
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- 浅谈CSS样式png、gif、jpg图片优化的方法
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- JPG、PNG和GIF图片的基本原理及优化方法
- 减少请求最有效方法:CSS Sprites 图片合并技术
- IE6下使PNG背景图片透明的方法
- 【转】ie6下使PNG背景图片透明的方法
- 实现png图片和png背景透明(支持多浏览器)的方法
- IE无法打开PNG图片修复方法
- VC下加载JPG/GIF/PNG图片的两种方法
- SEO优化技巧:16个方法优化网页中的图片
- png图片和背景变透明的方法兼容各个浏览器
- ie6下使PNG背景图片透明的方法
- VC下加载JPG,JPEG,GIF,PNG图片最简单的方法
- VC 下加载 JPG / JPEG / GIF / PNG 图片最简单的方法