0元购京东自营斐讯K2路由器返399元活动
置顶

如何选择网页图片格式(.jpg .png .gif)

作者:     目录: 图设计处理 & 网页设计     发表: 2010年05月25日

作为网页显示类型的图片格式有三种 —— .jpg .png .gif,每一种格式都是为了满足其特定使用要求,其目标都是,在保持图片清晰度的同时,尽量降低图片的大小。

一  .JPG  格式

适用于有较多颜色的图形图像,JPEG格式图形图像可以包含成千上万种颜色。而且可以在降低图片质量级别的同时,尽量保持图片图像不失真。

如何选择网页类型图片格式

二 .PNG 格式

适用于颜色数量较少的图表类型的图片,以及有大范围的单一颜色。最为重要的是 .PNG格式图片可以制作半透明效果。

相对于 .GIF格式,我们优先考虑使用 .PNG格式,原因如下:

  1. 压缩率更大,文件相对来说更小
  2. 可以制作半透明(透明程度可任意调节)效果
  3. 颜色深度范围更大,图像失真程度较小

三 .GIF 格式

适用于颜色数量较少的图表类型的图片,以及有大范围的单一颜色。最为重要的是 .GIF格式图片可以制作半透明效果。

.GIF格式图像图片最多包含256中颜色,一般的图形图像编辑软件可以根据实际情况选用最少的颜色种类来存储图片,尽量减小 .GIF图形图像的大小。

如何选择网页显示图片格式

下面的情况下,可以考虑使用 .GIF格式

  1. 动画效果
  2. 透明效果

四. 图形图像格式在线转换工具推荐

Online Image Converter

五. 小技巧

其实,网页显示图片格式就这三种,我在保存图形图像的时候,都是一个一个试一下,然后选择一个效果最好的格式。

标签: .

10 个评论

  1. 北斗天狼 says:

    我每次上传前都会把图片压缩一下。

  2. haitong says:

    支持下楼主!

    楼主也要支持小,我的小站哦!
    学生导航欢迎您http://www.tt277.com
    百科
    http://www.tt277.com/baike

  3. 微酷 says:

    很明确的告诉你,你的文章看着有点乱。第一个要树的是JPG格式的,大标题你却写PNG。第二和第三点里都有相同的一句话。嘎嘎。

  4. 任鸟飞 says:

    @微酷 非常感谢 能帮我指出文章错误。
    错误的地方我已经更正了,以后写文章,一定仔细校正一下。
    希望@微酷以后能常来常往。

  5. 视觉博客 says:

    如果保存位图文件,我优先tif和vga,另外,jpg使用范围最广,一般要求的图片都使用这个格式。网页用图片均保存为png格式,考虑到浏览器的兼容性问题,zblog我都用gif格式。不过gif格式我用的应该很多,网页要求相应速度快,png文件比gif大了点,gif还是不错的选择。

  6. Pingback: 前端优化之——图片压缩 | 杰森先生的博客

视觉博客进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注