点击最多

 

猜你喜欢

网页设计对于图片的运用有哪些特殊要求?

2018-06-10 09:30

  导读:图片是 页面设计 中不缺少的元素,它于文字和色彩并称为网页三大语言。在网页设计中,选择适合的 图片格式 不但可起到美化和补充网页信息的效果,还可以节省网页的下载时间、有效的减少 服务器 的负担。网页上的图片例用主要与图片的格式和风格有关。

  网页设计 中常用的 图片格式 有JPG、GIF、PNG等格式,一般设计者都知道每种格式的具体概念,但很少有人深入的去了解为什么同一种格式可以用在这里,而在那里和却让输出结果看起来变得无法。图片格式 的使用除了影响页面的美观外和设计品质,还会直接影响页面的打开速度度和用户的浏览效果。想要解决“网页设计 对于图片的运用有哪些特殊要求”的问题可以从不同 图片格式 的特点入手,然后根据 网页设计 的要求进行不同格式图片的使用。

  JPEG格式,也就是我们最为常见的JPG格式。JPEG是一种很典型的使用性压缩图像的的 图片格式,意思就是每进行一次JPEG格式的存档动作,图片的内容都会遭到,优点是在我们的是看不出来的情况下有效的降低图片文件。这样的特性使和JPEG格式的图片适合存像素色彩丰富的图片,而不适合用来储存线条图、图标或文字等等有清晰边缘的图片。

  Gif格式的图片在许多特性与表现上都与JPEG有着相对的特性。GIF的 图片格式 使用的是无损压缩格式存储。缺点是:了图像的色彩表现能力、能够有效地节省档案尺寸。GIF格式只拥有256色,这就意味着当你的图片中出现的色彩在256色以内时,使用GIF格式存储可以得到相当好的输出质量、同时兼顾了档案大小。

  PNG格式图片是一种体积小,无损压缩的图片存储格式。PNG格式与GIF图像类似,采用8位调色板将RGB彩色图像转换为索引彩色图像。PNG格式图像在浏览器上采用流式浏览,允许连续读出和写入图像数据。PNG格式图像可以使彩色图像的边缘能与任何背景平滑地融合,从而彻底地消除锯齿边缘,这是PNG格式图像特有的功能。

  大部分的情况下,设计师不仅要根据网页和图片的需求来选择最适合的格式,还需要根据用户浏览器的支持度情况来选择 图片格式。这南需要具体情况具体分析,一般层次丰富且颜色较多的图像我们会采用JPG存储。颜色简单对比强烈的图像则采用PNG格式存储。当然,并不是所有的图片都适用这个原则,实际运用中还有一些特殊情况,如有些图像虽然色彩层次丰富,但图片尺寸很小,如果图像上包含的颜色数量是有限时,我们也可以尝试采用PNG格式进行存储。有些使用矢量工具绘制的图像,由于绘制时采用了较多的滤镜特效,所以形成了丰富的色彩层次,这种情况就需要采用JPG格式进行存储了。另外,用于页面结构的基本视觉元素,如网页中背景、按钮、的背景等尽量用PNG格式进行存储,这样可以更好的设计品质。

  试想一下,一个蓝色调整为主体风格的页面出现一张大的图片会是什么样的效果。网页设计在选择图片时需要根据网页整体风格和产品的需求进行,如活动推广页面可以利用过大幅的背景图去进行意境的传达和气氛的渲染,这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化,同时又不会由于图片太影响用户的访问速度)。

  一个好的网页视觉设计最重要是意境的传达和气氛的渲染,这两点对于表达网站主题和提升客户体验起到平衡作用。使用高光、阴影等滤镜效果的可以达到质感上的统一,从而更好的去传达意境和渲染气氛,但一定要适度。当出现为了提升页面的加载速度达到更好的用户体验,不得不对设计进行优化时,可以利用我们对 图片格式 知识掌握就可以更有目的性的去进行优化。