浅谈网页设计中的图形图像处理技巧
在信息化在科技日新月异的今天，各行各业的开展都离不开网络建立，而一个量身定做的解决方案是网络建立成功的关键，网站建立和网页设计无疑更是提升核心竞争力的重要因素，大到政府、企业，小到个人，纷纷建立属于自己的网上家园。网上家园做的好，除了要有丰富、新颖、快捷的信息内容外，还需要美观的界面设计。
1 图形图像的在网页设计中的作用
与传统媒体不同，网页的构成元素有文字、图像、声音、视频、动画和超链接等，在网页设计中，只有将这些多种元素恰当合理的布局在一起，才会使网页的效果突出，美观大方。一个网站里面假设只有文字，会使网页的页面显得过于单调和拥挤，图形图像的出现，打破了网页初期单纯的文字界面，使得网页的页面有了新的直观表现形式，图形图像在网页中的大量运用，很容易引起人们的注意力，并激发人们的阅读兴趣；而且图形图像给人的视觉印象也要好于文字，图形图像与文字有机结合，也可以形成不同的层次感，对网页界面的协调和美化起着积极的作用；另外，合理运用图形图像，可以生动、形象地表现设计主题、传达信息。
2 图形图像的分类
网页中常用图像格式有：JPEG 格式、GIF 格式、PNG 格式。JPEG 格式的图像是一种压缩存储图像的文件格式，JPEG 图像存储格式既满足了人眼对彩和分辨率的要求，又适当的去除了图像中很难被人眼所分辨出的彩，在图像的明晰与大小中 JPEG 到了一个很好的平衡点。图像转化为 JPEG 格式会减小很多，是一种在 Internet 上被广泛支持的图像格式。
GIF 格式是与设备无关的图像存储标准，也是 Internet 上使用最早、应用最广泛的图像格式。GIF 格式通过减少组成图像每点的存储位数和 LZH 压缩存
储两种技术来减小图像文件的大小。其原理是减少了图像调板中的彩数量，从而在存储时到达减小图像文件大小的目的。网上常见的小动画大多是GIF 格式的，就是由几张图合在一起的图片 ( 也有是单帧的 )。
PNG 格式是一种图片存储格式，可以直接作为素材使用，因为它有一个非常好的特点：背景透明。PNG 格式的图像是无损压缩，最常见的使用格式是256 索引(PNG-8)和 24 bit 真彩(PNG-24)(当然 PNG 支持的颜格式远不止此)，支持 full alpha 通道(256级可调半透明)，不支持动画，在网络中一般小图标中很多图片格式都采用 PNG 格式。
网页界面设计中3 图形图像的处理技巧
在网页设计中，为了使图像有较好的使用效果，就要使用多种处理技巧以到达设计的目的。
3.1 要考虑图形图像的形式与网站的整体风格相协调
图片在网络上传播，表现出来的形式主要有四方图、退底图和边缘模糊图。这几种形式各有自己的特点，只有运用得当才能产生良好的视觉效果。这就要求在网页设计中如同其它版面设计一样，要分清哪些是主要图形，哪些是次要的图形图像，尽量在设计中突出主要的图形图像，弱化次要的图形图像，以到达最正确的网页界面效果。
3.2 优化图片，使图片的格式适应网络传输的需要相对于文字，图像所占磁盘空间大，增加了网页的下载时间，甚至严重影响网页的显示，因此过多的图片会受到网络传输的限制。有经历的网页设计者总是对图像的尺寸、数量和质量与页面包含的全部文件的大小等进展平衡，尽量兼顾图片的页面效果与传输速度。所以，我们可以通过以下几个方面来解决这个问题：
差异不大，而且使用 GIF格式比用 GPEG 格式体积要小许多。但假设是
640*480(像素)以上的大图片那么应该使用JPEG 格式。
(2)也可以将图片进展分割。我们经常在从网上下载别人的作品时，会发如今相应的文件夹里有很多幅小图片，这些小图片可以组合成一幅完好的大图片，这就是网页制作者在使用图片时，先对图片进展了分割处理，将图片的重要部分先单独别离出来进展分割，其余的单区域用背风光的形式处理，使得阅读者可以到达快速下载和阅读的目的。
(3)彩照片和产品图片选用 PS 软件，其他一般性图片选用 FW 软件预处理。图片尺寸要直接剪裁成预设最新的Web 阅读器支持。另外，PNG 完全支持 alpha 透明(透明，半透明，不透明)，但不支持动画。PNG 作为编辑 JPEG 的过渡格式可以保存更多的彩；作为编辑动画 GIF 的过渡格式可以保存所有通道和帧图像，有利于重复编辑动画。对于非动画图片而言，GIF 适宜图形，JPG 适宜照片，PNG 图形照片都适宜，但 PNG 格式文件一般都比较大。
(4)对于动画图片，能使用 GIF 制作动画的，就不使用 f lash 或 javascript 特效代码制作动画。当然，用 f lash 和 javascript 特效代码制作的动画效果要优于 GIF 动画，但其动画文件块头也比较大，所谓有一利必有一弊。处理动画总的原那么是在动画效果和文件大小上搞好平衡。
(5)确需提供受访者阅读的高清大图片，要使用文字或小图片链接方式阅读。删除image 文件夹中所有不使用的图片文件，通过小图片链接阅读的大图片要另置文件夹保存，这也是进步图片加载速度的通用做法。主页中静态图片和动画图片总和应视情况尽量控制在100K 以内，确保图片加载速度。
总之，数字信息时代应突出网页的视觉艺术，以此来增强它对使用者视觉上的冲击，触动阅读者的应用心理过程。所以，注重网页设计中图形图像的处理是非常必要的也是尤为重要的，它可以让网页图片真正起到既承载信息又装扮网页、美化网页的作用，给人以美的享受。
参考文献
[1] 杨怀义 . 刍议计算机图形图像处理技术[J]. 软件工程师 ,2022(08).
[2] 王君 . 网页设计在平面设计中的运用 [J].包装工程 ,2022(16).欢迎访问

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。