网站建设、品牌整合方案供应商

企业需要知道的网页设计中的图片知识

发布日期:2020-09-22 阅读次数:342 来源:深圳网站建设公司-墨木创意数字实验室

在我们做网站设计网站建设的时候,图片式绕不开的内容重点,而且更重要的是,即使网站上线之后,用户也需要使用后台上传图片资源,比如新闻、产品等等。所以了解一些图片的基本常识,在网站设计或后期使用网站过程中都非常有必要,下面墨木创意来简单阐述下

网站建设中图片的基本常识

1、图片分类

大的方向我们可以将图片分成两类,一类是矢量图,一类是非矢量图

矢量图是由点线构成的凸显,优点是可以随意放大缩小,不会失真,但缺点就是无法表现色彩层叠表现丰富的现实图片。所以对于一般用户来说,几乎很少能接触到矢量图。

非矢量图是大家日常接触到的,比如你用手机、相机拍摄的图片都是非矢量图。通过每个像素的颜色、深度等显示图像;优点是利于显示色彩层叠丰富的写实图像;缺点是文件较大,放大缩小会失真。

基本上我们网站上90%以上全是非矢量图,所以我们对非矢量图进行重点解释

2、非矢量图选择那种格式

非矢量图常见的包括jpeg,png,gif三种图片格式,太过于专业的内容不做具体讲解,大家只要记住

jpeg对图片压缩最大,图片也就越小,质量也最差,但是在网站中加载会最快,适合用来存储摄影或写实图像或是颜色层次非常丰富的图像

gif损压缩图像格式(无失真),8位图片格式,最多支持256种颜色(若多于256种颜色的图片用gif保存会失真);支持基本的透明特性,隔行扫描可以更快的加载和显示图片场。不适合色彩过于丰富的图片,但非常适合色彩较少的logo、小图标。

png分为png8和png24,png8除了压缩算法和gif不同外,其他几乎一样,png24是无损压缩图像格式,24位图片格式(最多支持1600多万种颜色),支持alpha通道透明。它的质量会比较高,所以同样图片他的大小也最大。

在网站使用中,大家可以根据他们特点进行选择,一般图片建议jpeg,单色或者背景透明建议png24

3、图片大小在网页中的问题

整个问题在用户使用过程中经常遇到。比如网页设计时规定了新闻图片为500px*300px,那么如果前端固定好了大小,用户的图片以下二种情况会导致图片变形

第一、图片小于500px*300px,那相当于要拉伸整个图片,势必变形

第二、图片比例不是5:3,那么也势必导致变形

当然,前端一般不会固定大小,会让图片自适应,但是如果你的图不够大,或者比例是错的,前端最好是能让他展示出一部分或者就变形了,都不是网页的最好状态。

相关新闻

2021年,网页设计流行趋势

对于即将到来的2021年,在网页设计方面,我们需要关注流行变化的趋势。

12-14 2020

如何进行网页布局设计

好的网页布局能够快速吸引用户,选择何种网页布局决定了网站设计者采用哪种方式让网站用户与网站内容进行交流。

12-14 2020

3种在网页设计中使用情感的简单方法

尽管设计一个具有功能性和逻辑性的网站很重要,但至关重要的是,不要忘记客户与您所构建的网站之间的每次交互所产生的情感影响。不引起任何情感反应的网站无聊且无法留住客户。

12-07 2020

2021年平面设计和插图趋势

在设计界和整个世界经历了动荡的一年之后,对新鲜事物的需求从未如此迫切。幸运的是,2021年的前景更加乐观,现在该是喘息,反思和展望的时候了。设计常常是我们与周围世界互动的看镜,20...

12-07 2020

如何形成一个网站的设计风格

怎么样才能让一个网站拥有自己的设计风格?墨木给大家提供如下几点风格创建的切入要点

10-22 2020

企业建站如何选择网站设计风格

随着互联网时代的蓬勃发展,一个少有规模或者初创企业都应该有自己的线上官网,这不仅决定了客户对你的第一印象,也大大扩展了你的线上销售渠道。网站我们从大的方向可以分成两部分,一部分是视...

10-22 2020

填写您的服务需求获取项目报价

*请您填写需求信息,我们将尽快与您取得联系。

返回