请选择 进入手机版 | 继续访问电脑版
网站建设设为首页收藏本站

二亩地专业建站/网站制作建设公司

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 2277|回复: 0

石家庄网页设计常用的图片格局及其用法 [复制链接]

孟思 发表于 2016-12-26 16:08:27 |显示全部楼层
  首先先容网页设计中常用图片的三种格局:GIF,JPEG,PNG。
  GIF
  GIF是一种调色板型(palette type)(或者说是索引型)的图片。它含有多达256种的色彩。每一个象素点都有一个对应的色彩值。由于这种格局不再存在专利权的标题
  GIF是一种无损压缩的格局,这意味着当你修正并且保留了图片的时候,它的质量不会有任何损耗。
  GIF格局也支撑动画.在黑暗的web1.0时代,它导致了大批过剩的昙花一现的“新”图片(blinking “new” images),循环的@符号(rotating @ signs),birds dropping,a email以及其他一些让人厌烦的东西的呈现。在更加文明的web2.0时代,在等候一个更新页面的ajax恳求的时候,我们仍然会看到 “loading”动画,但是也有一些比拟讨人爱好的东西,人们爱好把它们放在自己的网络上。不管怎么说,假如你有需要,就可以应用动画支撑。石家庄网站建设
  GIF也支撑透明度,透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完整透明,要么完整不透明。
  JPEG
  JPEG图片不象GIF图片那样只能有256种色彩,它可以包含数百万种色彩,而且有极高的压缩率。这使得JPEG图片比拟适实用来保留相片。事实 上,大多数的相机以jpeg格局保留照片。JPEG是一种有损压缩的格局,这意味着你每次进行编纂的时候都会有质量损耗,所以假如你打算进行多次编纂,那 么最好把中间天生的图片换一种格局存储。但是,还有一些不会损耗图片质量的把持,比如说裁剪图片,旋转图片或者修正元信息。元信息包含,比如说,存储在图 片文件中的注释。
  JPEG不支撑透明度。
  PNG
  PNG是一种无损压缩的格局,而且它有很多种类。单考虑实际的用处,我们可以把它分为两种:
  1.PNG8 2.真彩色PNG PNG8是一种调色板型(palette)图象格局,就象GIF。 8代表8位, 28, 或者 256。 PNG8, 调色板型PNG以及索引型 PNG,这些术语都可以互换应用。
  那么,PNG8比起GIF有哪些优毛病呢?
  长处:
  通常文件体积比拟小
  支撑alpha(可变)透明度
  毛病:
  不支撑动画
  第二种类型的PNG格局是真彩色PNG。这类图片可以包含百万种色彩,就象JPEG。你有时候会碰见它们以PNG24或PNG32命名。
  对于PNG8和真彩色PNG,IE7都供给了alpha透明度准确的原生的支撑。对于早期版本的IE浏览器你需要应用css和AlphaImageLoader滤镜来修复全彩色PNG中的透明度标题。对于这个标题,在接下来的文章中,我们将会讨论一些更多的细节。
  在网页设计中,大众最认可的的图片情势是GIF与JPEG格局。但这会使你感到困惑:那我在网站建设中到底应当用GIF格局还是JPEG格局?
  方便记忆的简易准则:
  1.在你的电脑上制作的程度情势的条例、按钮以及动画图片,这些图片应当用GIF格局。
  2.假如图片是扫描的图画或照片时就用JPEG格局。石家庄网站建设
  而什么时候用PNG比拟合适呢?
  固然PNG8应当作为PNG类型文件的首选,由于它的文件体积更小而且在早期版本的IE浏览器中不需要应用特别的css滤镜就能很好地降级,但是在应用的时候仍然有需要留心的处所:
  1.当PNG8的256种色彩不够用的时候,你可能需要应用全彩色PNG。这种情况应当 尽量避免。一方面,假如你想应用成千上万的色彩,那么这种情况下JPEG将会比拟合适,而且能够有更好的压缩率。另一方面,假如色彩数在一千左右,你应当 尽量把这种图片转换为PNG8格局,然后看看它是不是看起来还能够接收。很多情况下,当色彩数达到200到1000的时候,人的肉眼就分辨不出来了。当 然,这也得看是哪种图片了;通常你可以非常安全地删掉1000种色彩,但是有些时候只是删掉2种色彩,图片的后果就不能让人接收了。不管怎么样, 尽可能地把真彩色PNG转换为PNG8和JPEG格局,看看你能不能接收它们的质量和体积。
  2.图片的大部分象素是半透明的情况。如 果图片种只有一小部分是不完整透明的,象缭绕在圆角四周的象素点,那么PNG8的类GIF(GIF-like)降级通常都没有标题。但是假如图片的大部分 是半透明的(象视频播放器上的播放按钮),那么你除了应用AlphaImageLoader hack你可能别无选择。

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册


扫描添加微信

Archiver|手机版|二亩地专业建站/网站制作建设公司 ( 冀ICP备13016078号-2 )  网站地图 冀公网安备 13010402001120号

GMT+8, 2024-3-29 14:27 , Processed in 0.031547 second(s), 20 queries .

回顶部