NEWS

南京MG动画制作：哈罗～大家好，我是南京软月互动设计部的小月月（网站编辑是老板加派的，enmmmm～偷偷的告诉你们的哦）

以前不怎么被要求写推文，所以对身边很多发生的事情不会那么的留意，更不会过多思考，毕竟一天工作下来还是挺累的，哪有那么多心思想这想那哦。

虽然网站编辑的活是老大后来加派的，一开始确实难以接受（主要是不会写啊...），慢慢的开始喜欢上记录和分享。因为在写东西的时候可以停下手边的工作开始思考和整理，其实也是一种学习和提高的方式。

今天简单来跟大家说说网站内容更新维护中的配图问题吧，经常也会有客户资讯到网站内容更新是图片有什么要求，借此机会嘛就简单聊聊。

常用的两种图片格式

一般我们网站更新内容配图，或者banner大图等，常见的格式主要是 jpg 和 png。两种格式的图片在显示效果上有什么差别呢？

其实2种格式的图片在显示上并无差别，从身边的朋友到客户，我简单的发现从事网络相关设计专业的，用JPG格式的会比较多，PNG图片会用于特殊图片或者图标类图片时使用。

从事平面设计的朋友呢，好像更习惯性的会吧图片保存成PNG格式，而且常用图片分辨率会有120、200或者300。

其实这的要求在网页应用中并不需要这样设置，正常72像素分辨率就完全可以了。

为什么我们推荐图片用JPG呢

在网站、小程序或者App中，亦或是正常的电子设备作为浏览载体的时候，同样一张图片不论格式是jpg或者是png，其显示效果是一样的，但两者在图片文件大小上会有比较大的差别，一般情况下同样一张图片PNG格式的图片文件要比JPG的大很多。所以也是我们经常跟客户推荐使用JPG格式图片，无特殊要求的，尽量少用PNG，这样图片小了页面加载的速度也就快了。

可能有的人会担心图片会变的不清晰，其实不然，影响图片清晰度的主要是图片质量，只要不是压缩的太厉害基本没问题的。

如果用你ps中的“存为web格式“保存成jpg的图片，图片质量“高”，这样保存的图片要比正常另存为jpg格式的图片要小哦。

另外文章内容配图一般图片宽度800像素左右即可，特殊的可能会有1000多像素，正常情况技术都会控制文章内容配图的最大宽度，避免传的过大“撑破”页面。

那什么情况下，我们需要使用PNG图片呢，里不得不提下png格式中的一个小知识点，那就是png-8和png-24，不同图片、不同设计要求，合理选择相应格式。

PNG-8 和 PNG-24 的区别

两者的根本区别，不是颜色位的区别，而是存储方式不同。

PNG-8：只有1位的布尔透明通道，也就是说图片要么完全透明，要么完全不透明。

PNG-24：有8位（256阶）布尔透明通道，可以实现图片的半透明效果，并且每个点阵都有透明度的定义。

简单理解就是PNG-8不支持阿尔法通道的半透明，而PNG-24则支持阿尔法通道的半透明。

（说到这里不知道大家有没有一机灵，哈哈，就是用png格式保存图片其实目的就是为了实现图片的透明度，如果是照片或者不需要透明的图片其实就用jpg就可以了。）

内容配图时选用什么样的格式

• 1、如果是照片或者色彩丰富的图片就用jpg格式，挺好；

• 2、如果是尺寸小的，色彩不丰富的和需要背景透明可以保存成gif或png-8，可谓小巧玲珑。需要有半透明效果的就保存成png-24。

编者按

简单了解图片格式的区别，可以更好的优化我们的工作，也能更好的让我们根据设计需要选择相应的保持方式。虽然不同格式对于图片来说没啥大的区别，但一点点改变就是你跟其他家不一样的地方，以及月累效果显而易见。如果每张图片都被合理的保存相应的格式，不仅大大降低存储空间，还能更好的提升网页打开速度，这不是很香嘛~

今天就说到这吧，欢迎关注南京软月互动，也欢迎有网站、小程序、MG动画、画册设计等业务需求来电咨询哦。