如何合理制作网站内容配图,图片格式有什么不同呢?

来源:南京软月建站  作者:小月月  时间:2022-12-05 11:21:49  点击:0

如何合理制作网站内容配图,图片格式有什么不同呢?

南京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动画画册设计等业务需求来电咨询哦。

声明:凡文章来源注明“南京软月建站”、“软月互动”等含有“南京软月”相关字样的文章均为南京软月科技有限公司原创文章,尊重原创、尊重版权,禁止未经授权转载。
南京软月建站咨询
【点击扫码咨询】