来源:南京软月建站 作者:小月月 时间:2022-12-05 11:16:44 点击:0次
南京做网站公司:哈罗~大家好,我是南京软月互动设计部的小月月(网站编辑是老板加派的,enmmmm~偷偷的告诉你们的哦)
以前不怎么被要求写推文,所以对身边很多发生的事情不会那么的留意,更不会过多思考,毕竟一天工作下来还是挺累的,哪有那么多心思想这想那哦。
虽然网站编辑的活是老大后来加派的,一开始确实难以接受(主要是不会写啊...),慢慢的开始喜欢上记录和分享。因为在写东西的时候可以停下手边的工作开始思考和整理,其实也是一种学习和提高的方式。
今天简单来跟大家说说网站内容更新维护中的配图问题吧,经常也会有客户资讯到网站内容更新是图片有什么要求,借此机会嘛就简单聊聊。
一般我们网站更新内容配图,或者banner大图等,常见的格式主要是 jpg 和 png。两种格式的图片在显示效果上有什么差别呢?
其实2种格式的图片在显示上并无差别,从身边的朋友到客户,我简单的发现从事网络相关设计专业的,用JPG格式的会比较多,PNG图片会用于特殊图片或者图标类图片时使用。
从事平面设计的朋友呢,好像更习惯性的会吧图片保存成PNG格式,而且常用图片分辨率会有120、200或者300。
其实这的要求在网页应用中并不需要这样设置,正常72像素分辨率就完全可以了。
在网站、小程序或者App中,亦或是正常的电子设备作为浏览载体的时候,同样一张图片不论格式是jpg或者是png,其显示效果是一样的,但两者在图片文件大小上会有比较大的差别,一般情况下同样一张图片PNG格式的图片文件要比JPG的大很多。所以也是我们经常跟客户推荐使用JPG格式图片,无特殊要求的,尽量少用PNG,这样图片小了页面加载的速度也就快了。
可能有的人会担心图片会变的不清晰,其实不然,影响图片清晰度的主要是图片质量,只要不是压缩的太厉害基本没问题的。
如果用你ps中的“存为web格式“保存成jpg的图片,图片质量“高”,这样保存的图片要比正常另存为jpg格式的图片要小哦。
另外文章内容配图一般图片宽度800像素左右即可,特殊的可能会有1000多像素,正常情况技术都会控制文章内容配图的最大宽度,避免传的过大“撑破”页面。
那什么情况下,我们需要使用PNG图片呢,里不得不提下png格式中的一个小知识点,那就是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动画、画册设计等业务需求来电咨询哦。
没有广告,仅有干货!
声明:非特殊说明外,本站所有资讯文章均为南京软月科技有限公司原创内容,尊重原创、尊重版权,未经书面许可,禁止一切形式的转载。
文章地址:https://www.softmoon.cn/news/design/176.html
责任编辑:小月月
文章来源:南京软月建站
发布时间:2022-12-05 11:16:44
更新时间:2022-12-05 11:16:44