关于png、jpg、gif切图时的使用感悟
关于png、jpg、gif切图时的使用感悟
曾经切图时都是一股脑所有图全切成jpg格式，最近突然心血来潮简单的研究了下其他图片格式的具体属性，才突然发现走了不少弯路，并没有做到使图片用最小体积展现出最佳的效果。
今天我就简单的总结下这两个的成果，同时以后也会持续更新最新的感悟。
png8、png24、gif、jpg的体积大小
常见的png分为png8和png24； jpg则是由半分比来调整压缩率；gif到没有什么特殊的。
他们通常情况下的体积由大到小来:
png24>jpg(100%)>gif≈png8
png8、png24、gif、jpg的图片质量
但是对于一张图的质量来说并不是体积越大显示效果越好。正因为才使得我们可以用最小的体积来展现出最佳的显示效果。
这两天网上查了一点相关资料，现在我来浅显的说明下。
png24属于一种无损压缩格式，支持约1600万色，因此基本能够完完全全的表现出原图的一切细节，当然这样的代价就是图片体积会非常的大。
jpg属于有损压缩格式，牺牲了一定的画质，但却非常好的控制住了图片的体积。最让人称赞的是在图片不是特别锐利的情况下，图片质量基本能够和png24看齐，体积却小了png24好多倍。
gif和png8仅支持256色，这就意味着你不能用它去表现特别丰富的画面，他们的优势就是图片的体积非常的小。
png24/8、gif支持透明背景，jpg不支持。
简单总结下png、jpg、gif具体使用
对于像logo、色彩种类单一的图片：一般使用png24/8格式，图片体积小，效果还特别好，但是使用png8的时候要注意，因为其只支持256色，因此有时会有色差。
复杂的图片，例如：人物，风景：一般采用jpg格式，这时若采用png24格式，图片大小往往会数倍于jpg，同时也未必能展现出更好的效果。
透明背景图片：只能选取png24/8、或者gif这种支持透明背景的图片格式。
关于png、jpg、gif切图时的使用感悟相关推荐
- ps html css 工具,Photoshop之CSS切图时ps软件常用工具
Photoshop切图往往用器械,CSS div出产前PS软件常用器材引见. 1.移出器材 ps 移开工具截图 常用于选中图层对象应用,移动选中图层对应内容(图片或翰墨图层)在美工图职位 2.切片器械 ...
- 切图时图片的选择：JPG、PNG、GIF的区别
目前网站图片的采用一共有流行三种,分别是JPG.PNG.GIF,然而很多人并不知道三者在选择的时候究竟应该选谁.虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度.大小和失真程度的问题.如果你运 ...
- 那些年，UI设计师还在手工标注和切图时走的弯路【内含福利】
友情提示:文章尾部有福利相送,不要错过~ 在我从事UI设计师这几年的工作中逐渐发现,最让人糟心的不是应付各种奇葩的需求,完成设计稿,而是交付.每次交付的设计稿和最后开发出来的产品总是让我心塞无比,很少 ...
- ps切图时常用的操作与快捷键
一:两种切片方法 第一种: 1.使用切片工具划分好你要切的模块 2.点击'存储为web所有格式',在存储之前可以修改图片的品质来改变文件的大小. 3.在存储时切片有三种选择方式,按照自己的需要选择. ...
- 使用PS切图时，调整标尺单位
首先,打开PS中最上面菜单栏中的视图菜单,找到标尺把它勾上: 然后,打开PS最上面菜单栏中的编辑菜单,最下面一项叫做首选项,点开首选项,找到单位与标尺选项,点击弹出弹框,在里面就可以设置标尺的单位咯.
- 页面切图时如果引用PS中的字体（使用服务器字体）
比如PS中有文字字体为思源字体.这时候就需要引用服务器字体. 1.下载SourceHanSansCN-Regular.TTF https://www.fontke.com/font/18839412/ ...
- 前端利用PS(PhotoShop)切图时常用的快捷键(Windows/Mac)
前端小白简单总结,还望各位大佬多多指教~ 注意:以下是Mac的OSX系统,Windows系统将Command换成Control,Option换成Alt即可 ps操作快捷键: 1.新建图层:Comman ...
- svgaps绘制时不能用中文命名吗_设计师需要了解的切图命名规范
2020年8月21日下午4点50分 黄河公园 通常我们在界面设计完成之后要切图给到前端开发.初做UI设计时,把重点都放在设计效果图上,对之后的切图命名规范没有很注重.当时我会有一些疑惑,切图命名的原则 ...
- 蓝湖怎么切图标注_【蓝湖指北】一张图教你如何选择标注尺寸
蓝湖的标注.切图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍.本期[蓝湖指北],湖湖将手把手教你如何选择标注尺寸. Step 1 :将设计图上传至蓝湖 上传设计图至蓝湖,单击设 ...
最新文章
- Confluence 6 数据库表-系统信息（System information）
- mysql负载均衡与同步_MySql数据库从同步负载均衡实时备份
- 看博客学学Android（五）
- HTTP通信协议的组成
- Word2019 mac 16.46beta更新（兼容big sur，适配M1）
- Oracle(一)：简介、安装、DDL、DML、JDBC、导入导出
- ECCV 2020最佳论文讲了什么？作者为ImageNet一作、李飞飞高徒
- Python调用Java代码部署及初步使用
- vim trickies
- 2021-2025年中国电动足部检查椅行业市场供需与战略研究报告
- 区块链：关键阻力的突破会带来持续的积极情绪
- python计算器界面设计_Python 计算器界面设计
- Python搭建QQ机器人，监控QQ发言与进群退群，自动@新成员并屏蔽脏话踢人
- Fresco按照宽高压缩图片的方法
- nice计算机英语,不错的英文，nice的三种意思?
- Excise_Thread1
- 基于J2EE的弹幕视频网站设计
- mpls工作原理通俗解释_网工知识角|三分钟让你醍醐灌顶，熟练掌握MPLS技术
- 《鬼谷子的局1》 —— 读后总结
- CT一般扫描参数_头颅CT扫描技术