数极客首页

图片格式设计的选择与用户体验

这是我10年的时分
写的一篇博客,偶尔

翻出来,觉得挺好玩的。貌似当时是由于
莫明其妙
的去看了jpeg的紧缩
算法,但是看的云里雾里。进而想到为啥要出这么多图片的格式呢?他们肯定各有所长。而在软件开发的时分
B/S项目用什么格式、C/S项目用什么格式、logo图片用什么格式、背景图片用什么格式等等。所以写了一篇文字。今天拿出来,重新编辑一下,不知道

各位是怎样
想的,老肥十分

诚恳
的希望与您交流。

图片格式设计的选择与用户体验

要写这个东西,我们先设定一个范围,我们对比

就拿常见的gif、png、jpeg三种格式来说说。

第一
我们看一下三种格式的对比

图片格式设计的选择与用户体验

以上是关于
三种常见格式的对比

,其实还有bmp等格式,但是关于
我们在做设计的时分
这种格式其实应用不是特别多,所以暂就不怎样
讲了,不过坦率的说这个格式还是不错的,由于
这玩意它不紧缩
文件,但是比同样的一张图其他格式的大很多,所以在页面上其适用
的比较

少的。而jpeg格式还有一种jpg的写法,很多人都以为这是一回事,不过假定

从单纯运用
角度也算是一回事,理论

上jpg是运用
jpeg文件交流
格式存储的编码图像文件扩展名。而jpeg是一种紧缩
规范

那么明白了这三种格式的定义、优点、缺陷
,我们什么时分
该运用
这三种格式的图片呢?

老肥倡议

假定

你的图片颜色
较为单一、只是由色块或者文字组成的时分
能够

思索
运用
gif,由于
这样能够

减少很大的体积。但是反过来说png能够

说是gif格式的替代品,而且着实表现很优秀。同样的表现,png的更小。所以这种状况

下你还是能用png就别用gif了。有人说了,你说这么多废话就直接说让我们用png好了。但是要思索
一点,假定

你设计的产品面对的用户他们通常采用的阅读
器比较

老套或者一些旧的移动

设备,比如

非智能机等。或者说图像质量较差的机器。那你还是得用gif,由于
这些老物件不支持png。gif最多不会多于256种颜色。假定

你的图片有很多过渡色、突变
色等依然

得选择png。

那jpeg和png对比

呢?

jpeg适合

贮存

有很多颜色的图片,由于
经过
紧缩
后能够

在网络上较快地加载。那么图片要是含有图形或者文字的话能够

思索
用png,反之亦然。否则jpg紧缩
以后就会变得比较

含糊

关于
jpeg其实咱得单独拿出来说说,有些同窗
可能知道

可能不知道

,这玩意其实有两种保管
方式,一种是规范

型,用鸟语讲就是Baseline JPEG,还有一种是渐进型也就是Progressive JPEG。这是一对双胞胎,什么都一样,但是纵使是我们生活中的双胞胎,很多都一样也必然有不一样的中央
,这哥俩不一样的中央
就是他~们~的~显~示~方~式~不~同。

规范

型的jpeg文件存储方式是依照

从上到下的扫描方式存储的。每一行次第
的保管
在文件中。翻开
这个文件的时分
,就依照

存储时分
的次第
从上到下一行一行的显现
。直到一切
的都翻开
。所以假定

你的文件很大或者用户网络普通
、去想象一下效果吧。其实这种显现
方式没啥太大的有点。所以举荐

后者。

而渐进型的是多次

扫描。在你翻开
的时分
会先显现
整个图片的轮廓。然后多次

扫描,图片主见

明晰
。这个益处

无需多言,同时用户在运用
的时分
能够

依据

轮廓大致知道

这个图片是什么。假定

你的图片很大,能够

思索
用这种。

对比

两种方式,看看后者,这样你的用户体验不就提升很多了么?其实只是你保管
的时分
一个小动作是不是?但是关于
用户来讲,那个体验是什么?前者:什么破玩意啊,半天出不来,要不就是一条条的,关掉关掉关掉!后者:哎,出来个框了,等一下,越来越明晰
,激动

啊!而这个,是不是也和我们在研讨
用户体验时,跟进度条的道理差不多呢?

当然假定

你的图片是JPEG的规范

型的话,你想转化成渐进型,能够

这样做:在ps中翻开
图片后,

【存储为web所用格式】,然后勾选【连续】就是渐进型了。

写在最终
,其实这篇文章无论你是设计师还是产品经理我觉得都能够

看一下,固然
是从运用
的维度上来说设计师应用更多一些。但是我们是透过现象看实质

。由于
你的图片怎样
运用
会对你的产品的用户体验产生很大的影响。这个无需多言,我置信
不同产品的设计师肯定都会有自己

的感受。所以我还是给这篇文章归于用户体验这个范畴的。作为产品经理的我们,这一点基本

的学问
应该去明白
。老肥坚决
的以为
,只需

心中具有圆满
主义倾向的产品经理才有可能设计出真正好的产品,那种经常觉得“凑合吧,能够

了”,这样的产品经理做不出什么好东西,我也不想做,也不喜欢。

ps:想深化
讨论
的同窗
举荐

《图片格式与设计那点事儿》一文阅读。

本文系作者老肥独家受权

发布,转载请注明来源,且保管

原文链接。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章