photoshop 优化 PNG 图片尺寸大小 终极秘技!

简介: 本文由www.qidian4.com发布,作者:斗破苍穹吧   一般来说, PNG 图片比 JPG,GIF 同文件大小的图片更清楚,比 JPG 失真小,而且可以让图片背景透明(IE6 下需要使用hack插件),所以网页设计中使用 PNG 图片的越来越多。

本文由www.qidian4.com发布,作者:斗破苍穹吧   一般来说, PNG 图片比 JPG,GIF 同文件大小的图片更清楚,比 JPG 失真小,而且可以让图片背景透明(IE6 下需要使用hack插件),所以网页设计中使用 PNG 图片的越来越多。

http://blog.hinews.cn/?uid-277773-action-viewspace-itemid-5414665


  但是假如优化不当, PNG 图片的尺寸通常都不会太小,目前市面上能很好优化 PNG 图片体积大小的软件也未几,比较着名的 PNG optimizer 使用下来感觉也不是太理想。

  真正能把 PNG 图片大小优化的比较满足,还得靠 Adobe 的 photoshop 。

  今天先容一种从老外那学来的技巧。 原文标题 《 Most Effective Method to Reduce and Optimize PNG Images》,可以点击查看。

  这个方法很简单,先容如下:

  1. 启动 photoshop ,打开欲编辑的 PNG 图片文件。

  2. 点击菜单“图像(Image)”,选择“调整(Adjustment)” 里的“色调分离(Posterize)”,在弹出的对话框中适当减少“色阶(Levels)” 的值,不要减的太狠,会影响图片质量的。

  3. 假如需要,调整图片长宽大小。

  4. 最后点击菜单“文件(File)”,选择“存储为 Web 和设备所用格式(Save as web...)”,保

相关文章
|
5月前
|
人工智能 搜索推荐 定位技术
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
|
12月前
|
Web App开发 机器学习/深度学习 TensorFlow
图片迟迟加载不了、一片马赛克?谷歌开源模型优先显示图像受关注部分
图片迟迟加载不了、一片马赛克?谷歌开源模型优先显示图像受关注部分
图片迟迟加载不了、一片马赛克?谷歌开源模型优先显示图像受关注部分
|
Web App开发 存储 前端开发
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
|
Java Android开发
ImagePicker在安卓上对图片的应用一例
偷得浮生半日闲,早上在逛StackOverflow的时候发现有人求助,提到了一个不怎么火的ImagePicker库:
117 0
|
前端开发
一篇文章教会你使用html+css3制作GIF图
一篇文章教会你使用html+css3制作GIF图
709 0
一篇文章教会你使用html+css3制作GIF图
图像滤镜艺术---Photoshop实现Instagram之Mayfair滤镜效果
原文:图像滤镜艺术---Photoshop实现Instagram之Mayfair滤镜效果 本文介绍一下如何使用Photoshop来实现Instagram中的Mayfair滤镜的效果。
1317 0