图片格式与设计那点事儿（6）
作者：平四 来源：taobaoUED 发布时间：2011-01-06 12:17:00
示例2
那么是不是只有在存储照片的时候才需要用到JPG呢？我们不妨来看另外一个例子。
下图是最近比较火爆的某微博页面，在这里我们可以选择不同的风格，每种风格都会有一个非常有特色的背景图片。我们尝试用不同图片格式对背景进行保存时可以发现：当用JPG进行保存时（直接背景另存为）文件大小仅36.3K；而用PNG8 256色无仿色去保存时大小增加到57.7K，不仅如此由于颜色的缺失在图像上还出现了一些带锯齿的色块；为了降低这些色块对图像质量的影响我们对PNG8增加了扩散仿色的效果，此时文件大小达到了156.3K；而当采用PNG24完全不失真的保存时文件大小是231.9K。
尽管这幅背景图也是通过photoshop制作，但我们可以发现由于在图像上采用了很多的真实素材（比如白云、蚂蚁、绿叶等），而这些真实素材和摄影图像一样也会存在非常丰富的色彩层次，所以也不适合用PNG格式进行保存。这个时候我们就应该采用JPG格式。
由此我们可以得出结论：对于写实的摄影图像或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。
根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。
总结
由此可见在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。一般层次丰富颜色较多的图像采用JPG存储，而颜色简单对比强烈的则需要采用PNG。但也会有一些特殊情况，例如有些图像尽管色彩层次丰富，但由于图片尺寸较小，上面包含的颜色数量有限时，也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次，这个时候就需要采用JPG进行存储了。
另外还有一个原则就是用于页面结构的基本视觉元素，如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储，这样才能更好的保证设计品质。而其他一些内容元素，如广告Banner、商品图片等对质量要求不是特别苛刻的，则可以用JPG去进行存储从而降低文件大小。
0
投稿猜你喜欢
- 比如，我要建立一个1，000，000行的数字表： CREATE TABLE dbo.Nums(n INT NOT NULL PRIMARY
一、identity的基本用法1.含义identity表示该字段的值会自动更新，不需要我们维护，通常情况下我们不可以直接给identity修- PHPMailer是一个封装好的PHP邮件发送类，支持发送HTML内容的电子邮件，以及可以添加附件发送，并不像PHP本身mail()函数需要
- 前言：在爬取并下载网页上的视频的时候，我们需要实时进度条，这可以帮助我们更直观的看到视频的下载进度。一、全部代码展示from context
- 如何使用，直接上代码/** * 安装node-xlsx插件 */var path = require('path')var
- 使用触发器触发器发生什么事情之后或之前，会自动执行某条语句，这就是触发器创建触发器创建触发器要给出的4条关键信息：1.唯一的触发器名2.触发
- 出差到了中国雅虎，这里的风格和淘宝很不一样。和雅虎一比，淘宝的办公环境就是个菜市场，闹哄哄，到处是人，在走道里狂奔乱窜，在每个会议室争得面红
- 1.什么是Store？上一篇文章说了，Vuex就是提供一个仓库，Store仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般
- 前言刚接触golang不久，有些环境无法融会贯通，现在针对开发过程中遇到的问题做个排查记录问题背景开发环境区分不同网段，同一个程序引入到另一
- 测试环境 硬件：CPU 酷睿双核T5750 内存：2G 软件:Windows server 2003 + sql server 2005 O
- Python模块，简单说就是一个.py文件，其中可以包含我们需要的任意Python代码。迄今为止，我们所编写的所有程序都包含在单独的.py文
- Broadcast广播是numpy对不同形状(shape)的数组进行数值计算的方式，对数组的算术运算通常在相应的元素上进行。如果两个数组a和
- 1、有时候我们可能想让字符串倒序输出，下面给出几种方法方法一：通过索引的方法>>> strA = "abcdeg
- 下面给大家分享python 字符串string的内置方法，具体内容详情如下所示：#__author: "Pizer Wang&qu
- 在开发过程中，针对用户输入的不合法信息，我们应该在后端进行数据验证，并抛出相关的异常传递到前端来提示用户。可是如何进行自定义抛出异常信息呢？
- 引言之前有段时间用postgresql 数据库，在上云之后，从自增主键变为uuid，感觉uuid全球唯一，很方便。最近用mysql，发现my
- 方法一：def dict_to_numpy_method1(dict): dict_sorted=sorted(dict.iteritems
- 描述log10() 方法返回以10为基数的x对数，x>0。语法以下是 log10() 方法的语法:import mathmath.lo
- kruskal算法基本思路：先对边按权重从小到大排序，先选取权重最小的一条边，如果该边的两个节点均为不同的分量，则加入到最小生成树，否则计算
- 前言：最近工作上遇到个问题，项目开发过程中，开发代码可以通过svn来版本控制，但数据库又该如何来管理呢？多个人接触数据库，当对表、字段或数据
