• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 网页图片格式PNG,JPG,GIF如何选择使用

网页图片格式PNG,JPG,GIF如何选择使用

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含图片格式等相关知识,佚名 希望在学习及工作中可以帮助到您

那么到底在GIF,PNG,JPG这些格式我们要选择哪一种作为候选格式,而哪种图片格式可以让图片更小,却拥有更好的图片质量呢?

1.图片格式

GIF

GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明).
根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片).

PNG

首先,PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32).那PNG相对于GIF最大的优势是:

  • 通常体积会更小
  • 支持alpha(全透明)

但是我们知道PNG是不支持动画的.

同时需要留意IE6是可以支持PNG-8的,但是在处理PNG-24的透明时会显示会灰色.相关例子可以参考sitepoint.

通常图片保存为PNG-8会在同等质量下获得比GIF更小的体积,而全透明的图片我们现在只能使用PNG-24.但是请留意在保存图片在PNG-8与GIF中进行比较.因为定律并不一直正确.

JPG

JPG所能显示的颜色比GIF,PNG要多的多,同时得到很好的压缩,所以JPG很适用于保存数码照片.但是注意它是一种失真压缩,这意味着你每次修改图片都会造成像素失真.

看了上面的介绍你应该对使用哪种格式保存哪种图片有了大概的了解.简单的说就是:

一句话:小图片或网页基本元素(如按钮),考虑PNG-8或GIF.照片则考虑JPG.

您可能想查找下面的文章:

相关文章

  • 2017-08-05HTML表单标记教程(5):文字域标记
  • 2017-08-05网页WB.ExecWB控件打印方法调用说明及参数介绍
  • 2017-08-05XHTML中不再使用HTML中的一些废弃元素
  • 2017-08-05如何去除表单的回车即提交即回车!=提交
  • 2017-08-05HTML页面中复选框的操作方法
  • 2017-08-05详解HTML的<input> 标签及其禁用方法
  • 2017-08-05标签栏的几种实现方法(推荐)
  • 2017-08-05表格单元格td设置宽度无效始终有内部的内容撑开
  • 2017-08-05W3C教程(13):W3C WSDL 活动
  • 2017-08-05html中块注释的使用详细介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML和XML的区别·
    • PHP-HTMLhtml重要知识点笔记(必看)
    • IE网页弹出窗口的常用参数整理可自行设定
    • 利用HTML实现限制ip的投票网站作弊方案
    • 常用的XHTML标签的使用技巧介绍
    • 使用css美化html表单控件详细示例(表单美化)
    • 【HTML 元素】嵌入图像的实现方法
    • HTML checkbox 点击说明文字即可选择/取消勾选状态
    • html中的图片直接使用base64编码后的字符串代替
    • Html/Css(新手入门第一篇必看攻略)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有