jpg和png的实际体验上的区别

虫子君
虫子君
虫子君
687
文章
278
评论
2019年6月9日14:12:44 评论 164 1232字阅读4分6秒

jpg图片格式原本的名称为JPEG,JPEG图片格式以24位颜色深度储存单个位图,JPEG图片格式是一种通用图片格式,当前所有的浏览器和图片查看软件都支持查看JPEG格式的图片文件。同时JPEG也是一种支持有损压缩的图片格式,如果您平时通过ps压缩图片的时候,放大以后就会发现,在压缩的图片上方可以看到一种噪点一样的东西,基本上存在于颜色快四周位置。jpg和png的实际体验上的区别

尤其是我们在图片上的文字四周可以清晰的发现,有着各种形态的噪点,其实这就是所谓的有损压缩。假如我们使用图像压缩工具压缩图片的时候,就会发现当我们将压缩数值调的比较大的时候,就能看到这样的噪点。既然是有损压缩图像,那么当我们将压缩至调的足够大的时候,一张图片几乎是可以被压缩成不堪入目的样子。

png图片格式是一种相对颜色会比jpg会丰富许多的一种图片格式,由于png格式的图片,如果单张图片上面颜色细节非常多的时候,png格式的图片,虽然可以做到无损压缩,但也带来一个新的问题,就是图片的数据体积过大,很多时候会造成在web页面上面无法预览,或者需要很长的时间才能够将图片加载完成。

平时我们的工作中,经常性会使用到png格式的图片,那是因为png格式图片是可以保存透明,基本我们抠图的素材都是采用png格式保存。

jpg和png两种图片格式,平时在工作中使用概率是最高的两种图片格式。

那什么时候我们使用不同的图片格式能够获得图片的最小体积呢?jpg和png的实际体验上的区别

什么时候可以使用PNG

平时如果我们使用illustrator绘制一些扁平的插画的时候,推荐小伙伴们使用png格式储存图片,因为在储存png图片的时候,在illustrator储存图片的时候,可以设置png位图格式的颜色深度,图片颜色越少说明图片需要记录的数据也是越少。jpg和png的实际体验上的区别

png色深可以根据自己的是需要设置不同的颜色深度,颜色少可以设置为png-8都是可以的。这样获得的图片体积相对也会小一些。

然后再一个就是我们需要保存透明图片文件的时候大部分都是会使用到png图片格式,当然还有其他的图片格式也是支持透明颜色的,比如googel开发的webp图片格式,也是可以支持透明图片。

不过由于当前支持webp预览的软件相对还不是那么成熟,所以现在使用webp图片的web网站,也相对来说较少,最常见的我们经常性在百度图库当中下载素材的时候,就会看到,百度图库当中的图片就都是jpg或者png的。

那什么时候可以使用jpg图片格式

平时在我们设计海报的时候,以及摄影需要使用到颜色细节非常多的时候,就需要使用到jpg的图片格式。这是由于png和jpg图片格式的两者之间的本质区别。当然,您也是可以使用png来保存这些颜色细节非常多的图片,但是相对来说,png同样颜色对等的情况下会比jpg图片格式会大出许多。

一般在Photoshop当中编辑psd文件的时候,大多数时我们都是推荐使用jpg图片格式保存可供客户预览的图片。

好了今天的博文到此结束了!

我是虫子君,一个自命不凡的翩翩少年。。。。。。。

历史上的今天
六月
9
  • 欢迎来“给我投稿”网友会因为你的帮助而感激。
  • 文章链接:https://chonzi.com/7763.html
CINEMA 4D UV面练习切割和uv布局 设计练习

CINEMA 4D UV面练习切割和uv布局

对于CINEMA 4D这个软件,我已经联系很长的一段时间的了,但是对于这款软件一直都还有许多地方不是太明白的,前几天联系的案例中主要讲到的是UV面,根据不同的模型划分合理的UV贴图。 其中我看完了所有...
练习C4D那么长时间以来第一次制作动态效果 设计练习

练习C4D那么长时间以来第一次制作动态效果

现在距离自己学习C4D这个软件,已经有一段时间了吧,具体我自己也忘记多长时间了,如果不包括之前看书的时光的话,那估计时间不算太久吧,从回家到现今,不过才一个月的时间而已。虽然目前也能制作一些简单的效果...
C4D练习遗落的日志 设计练习

C4D练习遗落的日志

在前天的时候,虫子君已经回到了工作岗位,在家的这些日子,练习了那么多次C4D今天虫子君在操作的时候遇到了一个神奇的问题,就是当我下手的时候发现自己居然是一脸蒙蔽状态,这个。。。。由此可见之前的练习都联...
C4D入门第十三天进入到更高级的建模知识 设计练习

C4D入门第十三天进入到更高级的建模知识

对于C4D这个工具,虫子君还是一个新刷,甚至于连入门都没有,只能说是堪堪触及门槛。这十几天的时间,对于C4D这个工具的理解也是相对的也来越多。尤其是对于C4D自带的效果器,虫子君之前的理论知识是没有涉...
C4D练习终于建立产品的渲染和建模了 设计练习

C4D练习终于建立产品的渲染和建模了

今天父亲去做工了,不知道为什么我听到后心理莫名的一阵心酸,父亲年纪大了,内心深处的我还是不愿意亲眼看着父亲去为别人家做事的,在我看来父亲这个年纪应该是安享晚年的时候。我着实不愿意看到父亲和母亲这么劳累...
C4D入门第十天第一次使用OC渲染器 设计练习

C4D入门第十天第一次使用OC渲染器

这个时候的许多人估计都已经睡了吧,我跟你说啊,我刚刚第一次正式的使用OC渲染器,之前只是听说过,然后自己也下载过了,不过都从来没有使用。今天在上课的时候,除了简单的建模,然后第一次使用OC渲染器制作的...

您必须才能发表评论!