浅谈网页设计之图像处理技术

网页设计必然涉足图像处理,这是网页展示企业形象的重要核心部分,可以说,网页图像的好坏,直接关系到用户体验度,很多站长在经营网站的中,是相当重视网站内容的,却不重视网页图像的重要性。根据我的经验,网页图像成功才真正是网站成功的基础,是网站整体布局的好的开端。那么,作为一名网站站长,该如何开展网页设计的图像处理呢?

网页图像颜色的选择
网页图像的颜色选择一定要遵循一个原则:适用性。适用性包括了用户满意度,网页整体协调度,网页清晰度,另外网页的颜色图像尽量选择RGB模式,因为现在的游览器安全色基本上已经用不着去考虑了,现在的显示器基本都是32位以上的,在选择颜色的时候要多注意颜色统一标准,如VI视觉系统,平面设计系统的应用等等。

网页设计时的图像完善处理技术

网页设计时,其中的图像完善处理,是网页进行形象完好展示的最为核心的部分。网页图像的是否优质,和用户的体验度,有着非常直观的联系。很多站长,都在网站优化的过程中,会过多的注重网站的内容更新和优化,偏偏就将网页图像的重要性给忽略掉了。其实,网页的图像优质、和谐成功展示,才是网站优化成功的最重要的基础。同时,网页上的优势图片,也是网站整体布局和谐完美的一个良好的开端。那么,作为一名网站的站长,到底该如何来进行网页设计优化时的图像完好处理呢?马上就来为大家进行解答。

首先,网站优化师要注意——网页图像颜色的选择。网页设计时,其中的图像颜色的完善处理,是网页进行形象完好展示的最为基础的部分。网页图像的颜色选择,需要遵循适用性的原则。这个“适用性”,包括了客户对网页的认可和满意度、网页布局整体和谐完美度、网页页面的清晰度。此外,网页页面颜色图像,应该尽量选择RGB模式。因为,现在的游览器安全色,基本上已经用不着去考虑了,现在的显示器基本都是32位以上,所以在选择颜色时,需要注意颜色的统一标准,如VI视觉系统,平面设计系统的应用。

如何导出部分图像

有时候只需要保存图像中的部分内容,这时可以在指定的区域再将其导出,具体操作步骤如下:

     在工具箱中选择“导出区域”工具,在工作区中拖动鼠标绘制一个选取框,定义要导出的文档的某个区域。

     可以在拖动鼠标时调整选取框的位置,方法是:在按钮鼠标左键的同时按住空格键,然后将选取框拖拽到画布上的另一个位置,释放空格键可以继续绘制选取框,释放鼠标时,导出区域保留为选中状态。使用以下方法之一可以调整导出区域的大小:

图像格式之背景

不同格式图像的特点,这些特点决定了如何在Web上使用这些图像,同时也是选择图像格式的因素之一。
 
   图形VS照片
不管你使用哪种图像格式,优化方法取决于图像的具体类型;

   图形

   网站的Logo、草图、图表、大部分动画和图标都属于图形。这些图像通常由连续的线条或其他尖锐的颜色过渡组成,颜色数量相对较少。

   照片

照片通常有百万数量级的颜色,并且包含平滑的颜色过渡和渐变,想象一下用相机拍摄的日落时的照片。绘画作品的图像更接近于照片,而不是图形。

不同图像格式的特征(下)

不同格式图像的特点,这些特点决定了如何在Web上使用这些图像,同时也是选择图像格式的因素之一。
 
       JPEG
      
       JPEG的意识是联合图像专家小组(Joint photographic Experts Group),也就是开发了这个标准的组织名称。JPEG是照片存储的实际标准。考虑到人类眼睛对颜色和光线强弱的感知,这种格式通过各种技术来减少显示图片所必需的信息,所以它能在经过高度压缩的文件中存储高分辨率的图像。下面是这种格式的一些特性:

图像优化之Favicons

Favicons是命名为favicon.ico的小图像,保存在网站根目录,可以显示在浏览器地址栏上,就在网络左面。

    这个页面组件经常被忽视,因为它很小,而且推测是可以被缓存的。但是缓存还没有像我们想象得那么普遍。对于任何组件都是这样,当然favicons也不例外。在所有页面中,只有9%使用它的favicon。

    对于favicon来说,有几点可以明显地提高性能:

    *确定建立了Favicon。因为不管怎么样,浏览器都会请求这个文件,没有什么理由返回一个404错误,尤其当你的404处理程序需要消耗数据连接或其他昂贵资源的时候。

图像优化之AOL Pagetest

AOL Pagetest和其Web版本WebPagetest都使用如下的最佳实践来分析网页:

    *启用浏览器缓存静态资源。
    *对所有的静态资源使用1个CDN。
    *合并静态CSS和JavaScript文件。
    *对所有适合的文本资源进行Gzip编码。
    *压缩图片。
    *使用持久连接。
    *正确使用Cookie。
    *精简JavaScript。
    *不采用ETag头。

理解图像格式

 GD库支持JPEG、PNG和WBMP格式,但它不再支持GIF格式。下面,让微妙简要地介绍一下这些格式。

       1、JPEG

       JPEG是联合图像专家组的缩写,它是一种压缩标准的名字,微妙提到JPEG文件的时候,其文件格式实际上是JEIF,它对应于JPEG组织发布的标准之一。

       简单地说,JPEG通常是用来存储照片或者存储具有丰富色彩和色彩层次的图像。这种格式使用了有损压缩,也就是所,为了将图形压缩成更小的文件,图像质量有所破坏。因为JPEG压缩后应该包含基本类似的图像和颜色的层次,所以人眼可以忍受这些图像质量的损失。正式由于这个原因,该格式不适合绘制线条、文本或颜色块。

在PHP中设置图像支持

 创建动态图像是使用PHP的一件有意义的事情,PHP提供了一些内置的图像信息函数,可以使用GD2函数库创建新图像或者处理已有的图像。

      在PHP中,有些图像函数是可以直接使用的,但是大多数函数需要安装GD2函数库。

       从PHP中的4.3版本开始,PHP捆绑了自己版本的GD2库,这是由PHP开发团队实现的。这个版本的GD2库更容易安装,因此我们使用这个版本。在Windows平台下,只要注册了php-gd2.dll扩展,PNG和JPEG是自动支持的。注册php-gd2.dll非常简单,只要在PHP的安装目录(\ext子目录)找到该文件并复制到系统目录(如果使用WindowsXP,就是C:\Windows\system)。此外还需要在php。Ini文件中取消如下一行指令的注释(删除该行指令开始处的“;”),如下所示:

创建图像之在图像上绘图或打印文本

在一个图像上绘图或打印文本需要两个步骤。

首先,必须选择希望绘制的颜色。我们知道,计算机显示器上显示的颜色是由不同数量的红色、绿色和蓝色组成的。图像格式使用一个调色板,它包含所有3种颜色的可能组合的特定子集。要使用一种颜色绘制一个图像,必须将此颜色添加到图像的调色板上。我们必须对每一种要使用的颜色进行相同的处理,即使它是白色或黑色。

也可以通过调用Imgecolorallocate()函数为图像选择颜色。需要为该函数传递图像标识符和希望使用年过的颜色,而颜色由红、绿和蓝(RGB)值组合决定。

«12»
最近发表
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
搜索
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

热门搜索: 外链域名 高外链域名 高收录域名

Copyright www.thyst.cn. Some Rights Reserved.