摘要:计算机图像处理技术是十分重要的技术, 网页制作充分重视计算机图像处理技术应用, 将各种用于网页制作的图像素材处理好, 做到图像与网页内容相匹配, 实现图像的高保真, 与网站风格相协调, 降低图像的字节容量, 尽可能少地占用网络信息通道资源, 提升网页打开速度, 为网页制作提升艺术审美效果等, 带给网民更好的视觉体验。
关键词:网页设计,计算机,图像处理
1、网页制作应用图像的意义分析
制作网页、开设网站的主要目的是实现网民的信息交互, 让更多的网民浏览网站, 将网页内容推送给更多的受众, 以此来实现信息推广、流量扩容、广告推送、业务展示, 便于开展更多的经济与文化活动, 实现更多的经济价值和社会价值。互联网出现以后, 迅速成为最为重要、最具活力的媒体平台, 各种媒体机构争相在这个平台展示, 树立自己的品牌形象, 增强自己的影响力, 赢得更多的网民, 在激烈的市场竞争中立于不败之地, 在互联网+时代背景下有更广阔发展空间。在整个网页制作和网站经营过程中, 除了信息甄别, 最为重要的工作就是图像处理。图像在网页设计中的功能主要有以下几个方面。
1.1 强烈的视觉冲击
互联网时代, 人们获取信息的主要是网络, 最为重要的资源是网民资源, 网页和网站浏览量和点击率成为网站生存和发展的根本保障。信息化时代背景下, 各种信息资源异常丰富, 网站和网页信息资源所有者争夺网民的竞争不断加剧, 如何才能占有更多的网民, 怎样才能让让自己的网页内容得到网民的青睐, 怎么才能让网站拥有更多忠实的粉丝, 一个有效的手段是提升网页的视觉冲击力, 让每个网民能够迅速被网页的内容所吸引, 让他们愿意花更多的时间停留在网页上, 能够得到更好的阅读体验。网页设计和网站经营中, 图像是直观的信息呈现, 也是最主动的信息呈现, 相对于传统的文本信息, 图像信息能够迅速吸引网民的眼球[1]。每个网页制作者都非常重视图像的应用, 网页中要有大小合适、位置恰当、样式别致、色彩鲜明、内容贴切的图像, 能够让网页更具观赏性和吸引力。调查显示, 超过60%的网民认为让自己浏览网页的诱因是网页醒目或者鲜明个性的图像, 绝大部分人感觉网页的图像非常重要, 没有图像的网页和网站对自己几乎没有吸引力。由此可以看出, 网页制作需要重视图像应用, 需要重视图像的处理, 以此来真正吸引网民, 带给读者更好的阅读体验, 获得他们的持久的忠实性, 从而实现网页和网站的可持续健康稳定发展。
1.2 信息引导功能
网页设计中使用的图像不是随便选取, 也不是单一地为了增强视觉冲击, 而是根据内容表达需要, 与网页内容相配合, 使网页信息内容与图像相得益彰[2]。首先, 网站的标题和主要信息内容都是以文字的形式展示, 文字相对单一, 没有个性, 需要读者主动阅读才能获取其关键信息, 感知网页的主要内容。而图像具有鲜明的视觉感知能力, 能够主动地呈现给观众, 让读者获得更强的信息冲击力。图像是根据网页信息选取的, 并且经过了计算机技术处理, 与信息内容具有更加密切的关系, 能够通过图像感知网页的主要人物或者关键事件, 比标题更能直观地概括网页主要内容, 便于读者快速作出选择。比如, 有的网民喜欢娱乐新闻, 有的网页就配上了某个娱乐圈人物的图像或者其参加某项活动的图像, 这样喜欢娱乐新闻的读者就能迅速明白主要信息, 从而阅读更加详细的内容, 大大减少网民的检索时间, 便于他们更好地遴选自己喜欢的网页或者网站。其次, 图像与网页内容配合更加详实地表现信息内容。有些信息可以用文字描述, 但文字描述的信息内容与读者感受到的信息内容本身存在一定的差异。而配上一定的图像或者视频, 可以让读者更好感知一些细节, 甚至直接体会其中的场景, 感知人物的动作表情, 关注时事发生的过程。比如, 朝韩南北会谈, 配上金正恩与文在寅携手跨过三八线的图像, 让读者观看两人的动作和表情, 可以勾起读者更多关于历史、政治和国际局势的想象, 激发他们的思想和情感共鸣, 这就是图像的效果。
2、计算机图像处理技术
计算机图像处理就是借助计算机将各种摄像机械拍摄的感光、数字图像、视频进行数字化处理, 转变成计算机技术应用的标准代码, 并依照计算机的功能和各种基于计算机信息处理技术的图像处理软件, 对这些图像、视频资源进行处理[3]。由于计算机具有强大的运算能力, 且能够对计算机数字转化后的图像、视频进行反复操作, 并且还能进行改进、组合、修复等, 使得图像满足需求。计算机图像处理技术工作的核心就是将色彩最为基本的红、黄、蓝三原色进行各种分析和处理, 根据表达需要, 进一步提升其色彩饱和度, 增强其视觉冲击力。对一些次要内容进行数字化删减, 能够在保持原有图像视觉效果的基础上, 删去更多的冗余字节, 大大降低图像的体量, 从而更有利于在网络上传输。如今, 基于计算机处理的图像在手机网页上应用越来越广泛, 图像清晰度提高, 美感更强, 而图像的体量极大缩小, 非常适合网页的传输。
3、网页制作中计算机图像处理技术的应用分析
3.1 计算机图像处理技术在网页设计中的具体应用类型
网页设计应用很多的图像, 需要进行各方面的处理, 这些都需要计算机图像处理技术来完成, 确保其内涵性、文化性和艺术性。首先, 网站网页标识制作。网站网页标识是一个网站最为典型的形象代表, 具有极强的象征性, 代表着网站的特色和文化。需要美工做好设计, 在设计中需要他们发挥想象力和创造力, 需要体现网页或者网站的文化内涵, 让标识更具文化性和艺术性, 这些都需要对其进行计算机图像处理。传统的图像都是手工绘制, 耗费时间, 且任何一个环节出现了瑕疵都要重新绘制, 很难达到完美, 而利用计算机图像处理技术能够反复修改。比如, 每个网页都有网站的Logo, 每个网站的Logo都具有非常强的象征意义, 一个好的Logo能够带给网民更多的浏览欲望, 体现企业的文化特色。小米科技的Logo是MI, 这不是一个简单的字母组合, 而是用计算机图像处理技术处理之后达到的效果, 比单纯的字母更具美感, 更能体现小米“再用心”一点的理念, 让网民能直接感知小米科技的文化精神, 从而进入小米商城, 浏览更多的小米产品介绍, 并对企业产品产生更强的文化认同感和品质信任感。其次, 制作精良的网页背景图, 让网页更具美感, 信息与背景相映衬, 彰显主题, 带给读者更好的阅读体验。越是有名的门户网站, 越注重网页的每个细节, 图像处理技术应用越广泛而又到位。最后, 关键图优化。图文时代, 网页需要有主要的文字承载信息, 更需要有相应的图像信息, 以图像来更好地配合文字。优秀的网页都会在其中配上一幅精良的图像, 既能够吸引读者, 更能够增强信息的阅读效果, 以文字呈现给读者更多更为细腻的表述信息, 以图像来带给读者更强的视觉冲击力。
3.2 网页设计中应用计算机图像处理技术的技巧
几乎现在所有的网页设计都要应用到计算机图像处理技术, 网页图像处理需要掌握相应的处理技巧。首先, 做好图像尺寸处理。图像是网页的一个重要构成元素, 但不是唯一的构成元素, 需要与文字、表格等信息配合使用。且网页容量有限, 不能将图像拿来直接应用, 需要结合网页内容承载编排需要, 确定图像的大小, 这就要掌握图像尺寸的处理技巧。根据文字内容大小、主题特点以及网页布局需要, 选取更具个性化的图像, 并配合网页文字以及其他要素起到相互衬托的作用。与标题、副标题、附属图片等做好配合, 确定大小比例。其次, 图像外形处理。图像主题相对固定, 一般只能进行尺寸、清晰度、构成要素的调试, 而呈现在网页上的图像还要具有一定的外在形状, 这些外在形状与图像核心要素配合, 再与网页主题内容配合, 设计出更具美感的网页。图像的外形处理是一个重要技巧, 不同色彩、不同图形的图像给人的感觉不同。比如, 圆形图形能够带给读者非常温暖的感觉, 一些不规则图形则会让读者有更强的动态感觉, 读者看到方形图像就会产生一种较强的中规中矩的感觉。圆形图像运用更多的柔线条, 让读者除了感受到温暖外, 还带给读者更多的自由和随意感。根据网页制作需要, 应用图像处理技术做好相应的圆形外观处理。方形图像在生活中最为常见, 也是网页设计中应用最多的一种形状, 尤其是相对庄严的机构网站或者内容, 选择的图像就要是方形结构。比如, 政府各个机构网站以及网页内容的设计, 在图像处理方面就要更多地选择方形外观, 比如, 法院、公安局等政府部门网站以及网页设计, 运用方形图像带给读者严肃的感觉, 使其产生较强的信任感和敬畏感。
4、结语
总之, 信息化背景下, 互联网已将全世界连为一体, 将各行各业都推向了这个庞大的网络世界, 网页设计要体现主题性、艺术性, 图像处理一定要注重技术性, 充分考虑各方面的综合要素, 设计出更多更为优秀的网页, 提升网页的传播速度, 带给读者更好的浏览体验。
直接来:点击上方△头像可进入主页
头条专栏简介:资源推荐每日不定时更新,更新内容主要为人工智能与深度学习领域的论文开源源代码,用知识修炼心灵,以智慧对话世界,在这里,持续感受人工智能技术的魅力。
头条专栏推荐:
►「码上十点」CVPR2018论文源代码链接分享
►「码上一课」2018计算机视觉顶会论文及源代码分享
► 人脸识别资源推荐:20款人脸检测/识别的API、库和软件
新浪上的文章~
《果蝇看到了什么? 我科学家揭开昆虫视觉之谜》
在处理视觉信息的机制上,昆虫竟然和高等动物类似,这在科学史上还是第一次得到证明.唐世明说,他们的发现在认识动物的视觉机制上走出了“一小步”.
如果你认识了一个人,那么无论他穿什么衣服,离你或远或近,甚至没有面对着你,你是否都能把他认出来?
答案似乎是肯定的.但究竟是什么样的神经活动使人类能够做到这样?
这个在普通人看来有些“不可理喻”的问题———生物学上将其称为“视觉不变性”,却一直是科学上的难题.
“人的神经细胞实在太多了,粗略估计,有1010个,目前还找不到一种可行的方法同时监测这么多神经细胞的活动.”中科院生物物理研究所唐世明研究员说.但是,他最近对果蝇视觉的一个重要发现,可能为这方面的研究提供了新的启示.
果蝇在“飞”
“啪”的一声,唐世明扭开了实验仪器的灯.仪器里,一只身长约1厘米,红眼睛,长触须,浑身黄褐色的小飞虫,在灯光下张开翅膀,“自以为是”地飞起来.
但这只果蝇并没有真的飞起来.它的脖子被固定在这个特殊仪器的尖端.它的飞行动作通过那里的传感器传递到计算机上.在程序控制下,围绕在它周围的圆形纸筒开始转动.纸筒上画有不同颜色的图形.通过这种操作,可以使果蝇产生在不同图形间“飞来飞去”的感觉.
唐世明坐回到计算机前.屏幕上出现了曲线,表示果蝇的“飞行”轨迹.它在某个特殊的图形面前几乎不停留,而在另外的图形面前却停留了很长时间.
“这真是很有趣.”唐世明已经在这套仪器前工作了一年多.“以前从没有人认为,果蝇这种神经结构简单的昆虫,居然能够认识图形,而且还会进行选择.”
8月13日,美国《科学》杂志发表了以唐世明为第一作者的论文:《果蝇的视觉模式识别具有视网膜位置不变性》.“简单地说,就是果蝇的视觉特征和人类差不多,具有视觉不变性的特点.”
在处理视觉信息的机制上,昆虫竟然和高等动物类似,这在科学史上还是第一次得到证明.
30多年前,国外就用果蝇做过相同内容的实验,但结论完全相反:果蝇只能以一种类似“看底片”的来处理它所获得的图像.每当它看见一个物体时,便将其“印”在脑中,形成一个“底片”.此后,当它再次看见与这个“底片”完全重叠的物体时,它才会有“似曾相识”的反应.这种重叠,包括颜色、大小和形状完全相同.当然,这是非常原始的处理视觉信息的.
这个结论似乎很符合人类作为高等动物的某种优越心理.长期以来没人怀疑它.
唐世明对这个结论表示怀疑的理由很简单:“果蝇的神经细胞太少了,大概只有105个,它根本记不住那么多‘底片’,也很难去一一核对.它一定有某种其他的方法.”
一年多的实验,证明了唐世明的观点:果蝇可以认识并记住某些简单的图形及颜色,无论图形的位置和大小如何变换.
假设有蓝、绿两种颜色的方块在果蝇的视野里.每当它看蓝色方块时,计算机便会发出红外线,果蝇的头部被“烤”红了;而当它将视线转移到绿色方块时,这种火热的“惩罚”便立即消失.
唐世明称这个过程为“教育”.没过多久,果蝇就会判断出:那个蓝色的方块是危险的,而绿色的是安全的.因此,它会把更多的时间花在注视绿色方块上,而对蓝色的方块产生某种“恐惧心理”,并不再去注视它.
时间久了,当“惩罚”条件已经消失后,果蝇仍然会比较专注地看那个“安全”的图形,而对“危险”的置之不理.
唐世明将图形变得更复杂些.每个图形都由蓝、绿两种颜色组成,一种是蓝色在上,另一种是绿色在上.果蝇是否能识别其区别,并将其记住呢?
答案是肯定的.
如果将它记住的图形变换位置,它是否仍能识别,并趋利避害呢?
结果仍然是肯定的.“不用担心它什么也不看.”唐世明说,“果蝇就是喜欢飞来飞去,然后盯着某个东西看个不停.”
这已是唐世明在《科学》上发表的第二篇论文.第一篇发表于2001年11月,内容是关于果蝇如何在两难境地中进行选择.
视觉之谜
今年33岁的唐世明,出生于四川一个农民家庭.个子不高,很瘦,因此头显得很大.他毕业于北京航空航天大学,本来是研究机器人控制的.他的“转行”缘于一个简单的疑问:如何能让机器人像人一样识别物体,从而形成类似人的意识?“现在的确有很多机器是可以‘看’,但那是依靠程序控制的,依靠人事先输入的信息进行判断.”唐世明说,“假如机器人‘认出’我,并不是它真的看见我并记住了,而是依靠瞳孔扫描、指纹等信息进行的判断.如果事先没有在程序里输入这些信息,无论它看我多少遍,可能也认不出来.”
原来科学家以为果蝇比机器人高明不了多少,但是,唐世明他们在上万只果蝇身上进行的实验,证明了果蝇并不那么简单,从而修正了30多年来人类在这个问题上对昆虫的“偏见”.
“形象一点说,动物大脑的演变像一根鱼刺.低等动物的脑功能相当于中间的脊柱,而高等动物渐渐在脊柱的两侧发展出各种各样的刺,形成越来越复杂的功能.”唐世明解释果蝇视觉不变性实验的意义时说,“我们在果蝇身上的发现,相当于找到了这根最初的脊柱.或许我们可以顺着这个思路,找出后来长出的那些刺,从而最终理解人类视觉的大脑机制.”
实验之余,唐世明几乎也成了果蝇的“心理”研究者.这些喜欢围着烂桃子飞来飞去的小虫子,在他眼里,都具备了一定的智力.
“那些聪明的非常好教,只惩罚它几次就能记住哪个图形是危险的,而且记得非常牢;傻的就没办法了,被烫晕了,停在那里不知道该怎么办;还有一些记的时间很短,过一会儿就忘了,又得挨烫.”他兴致勃勃地形容这些小生物,激动得一次次把凉鞋脱下来,踩在脚底下,来回扭动自己的头,演示它们在实验中的样子,“还有一些,老是看那个安全的图形,过一会儿就不耐烦了,忍不住飞回来看那个危险的.但只看一眼,立即意识到:不行,这个不能看.马上又飞走了.”
这个过程如此有趣,以至于唐世明从事音乐工作的妻子也忍不住跑来参与了实验,并成为论文的第三署名作者.
但唐世明的实验只是证明了低等生物的脑部存在“视觉不变性”的功能,还远远未能解释这种功能依靠什么原理得以实现.
事实上,他们发现,果蝇虽然可以识别较为复杂的颜色和形状,甚至能够区分两种颜色的重叠,却没有一只能够识别出○与┼这两个简单图形,而如果想让果蝇区分并记住两张人脸,“那它绝对完成不了.一定是每只都被烫晕”,唐世明说,“我们搞不清楚这是为什么.可能与一些脑部深层结构的功能有关.”
即使目前无法解释这个现象,唐世明仍然认为,他们的结论在认识动物的视觉机制上走出了“一小步”.“如果我们有一天找到了这种视觉机制的根源,马上就可以应用到机器人的研究上.”他似乎更愿意为老本行勾勒美妙的前景,“到那时候,一些目前看来很简单,但也只有依靠人才能做好的工作,都可以让机器人来承担.”
唐世明多年来学习的自动化知识没有白费,在此次实验中,他自行设计和改进的实验仪器起到重要作用.“不,这项研究似乎不像人们想像的那样,需要特别丰富的生物学知识.我只需根据每个实验的特点,设计合理的可操作的方法,再制造合适的仪器.”他一再强调,“方法,找到一种可操作的方法,对于将来的生物学研究太重要了.”
至于是否能够真正认识高等动物大脑中的视觉机制,唐世明期待着他下一步对猫的研究会得到更多的结果,但他并不感到乐观.
“高等动物的神经活动太复杂了,我还没想出能监测这些活动的方法;而这上千亿个神经元之间是如何相互作用的,它们之间的活动代表了什么意义,如何最终形成可记忆的影像……”他似乎要仰天长叹,“可能我一直研究到死,都找不出答案.”
“可无论如何,我会一直做下去.”唐世明说,“没有特别的原因.只因为这个问题实在是太有趣了.”