网站设计中常用的图象格局有jpg、gif、png等格局。普通来讲，设计师知道每种格局的详细观点，但很少有人深刻了解为甚么在这里可以运用沟通的格局，在那里以及使输出看起来不行容忍。对付这些，图象格局的运用不只会影响页面的好看和设计质量，还会直接影响页面的翻开速率和用户的阅读成效。解决网站设计中对图片运用有甚么特殊请求的问题，可以从差别图片格局的特性动手，按照网站设计的请求，运用差别格局的图片。
网站设计所需求的图片需求上传到网站上，以是有须要找出哪一种图片更适合网页。网站设计中常用的图象格局jpg、gif、png以下：
jpeg格局，这是咱们常用的jpg格局。jpeg是一种典型的运用粉碎性压缩图象的图象格局，这象征着每次对jpeg格局进行存档时，图象的内容城市被粉碎。其优点是当肉眼看不到图象文件时，可以有用地削减图象文件。此功用使jpeg图象适合存储具备丰硕像素颜色的图片，但不适合存储具备明晰边缘的图片，如线条图、图标或文本。
gif格局的图象具备许多jpeg格局的特性和机能。gif的图象格局采用无损压缩格局。缺陷是：限定了图象的色采浮现威力，能有用节俭文件大小。gif格局只要256色，这象征着当图片中的颜色在256色之内时，运用gif格局存储可以得到至关好的输出质量，同时思索到文件的大小。
因而，咱们常常运用gif格局来存储和输出牡蛎图标、ui界面、线图、文本等图象。别的，gif格局还支持通明背景和动画文件格局。险些的阅读器支持gif格局。
png格局的图象是一种小型的、无损压缩的图象存储格局。png格局雷同于gif图象。rgb彩色图象经由过程8位调色板转换为索引彩色图象。png格局的图象在阅读器信息传输，容许持续读取和写入图象数据。png格局的图象可使彩色图象的边缘与任何背景腻滑交融，从而彻底解除锯齿状边缘，这是png格局图象的独到功用。
在大大都情况下，设计师不只要按照网页和图片的需求选择适宜的格局，还要按照用户阅读器的支持来选择图片格局。这需求详细阐明。常规，具备丰硕的图层和更多颜色的图象将存储在jpg中。颜色简略、对比度强的图象以png格局存储。当然，其实不是一切的图片都适合这个准则。在理论应用中有一些特殊情况。比方，尽管有些图象有丰硕的颜色层，但图象的大小十分小。若是图片中包罗的颜色数目有限，咱们也能够测验考试运用png格局进行存储。一些运用矢量工具绘制的图象运用了更多的过滤成效，因而它们造成为了丰硕的颜色层，需求以jpg格局存储。另外，页面结构所运用的根本视觉元素，如背景、按钮、导航背景等，尽可能以png格局存储，可以更好地包管设计质量。
在网站设计中，要制止过量无心义的视觉元素沉积，将商品的特性和受众的需求融入到设计中。在选择图片时，还需求与网页的总体气势派头连结一致，如许图片才气融入网页和内部。只要如许，用户才气有视觉上的美感。
想象一下一张黄色的大照片在一页上的成效，它的主要气势派头是从蓝色调整过来的。网站设计应按照网页的总体气势派头和商品的需求来选择图片。比方，勾当推广页面可以运用大背景图片来转达意境，衬着氛围。如许做的优点之一是可以压缩和优化图片中需求运用的视觉元素，同时图片不会对用户的访问速率发生太大的影响。
