美文网首页
网页图片格式的区别

网页图片格式的区别

作者: 搬不完的元猿员 | 来源:发表于2019-07-09 05:00 被阅读0次
网页图片格式的区别

1. JPG格式

后缀名为.jpg或者.jpeg。色彩丰富,过渡平滑,适用于照片类型。有压缩比,压缩比越高,图片质量越低,但文件越小;无法保存透明度,不能呈现动画效果。

2. PNG图片

后缀名为.png,有8位、24位、32位三种形式。兼具JPG和GIF的色彩模式,压缩比高,生成文件体积小。png-8位可以实现全透明/不透明的效果。png-24(32)位可以实现半透明的效果。不能实现动画。

3. GIF图片

后缀名为.gif,只包含256种色彩,适用于简单和单纯的图像。可以实现全透明/不透明的效果,可以包含多帧画面,实现小动画。

实际应用:

1. 照片或色彩丰富的图片:jpg

2. 透明效果:png

3. 色彩单纯的小图:png

4. 小动画:gif

相关文章

  • 网页图片格式的区别

    1. JPG格式 后缀名为.jpg或者.jpeg。色彩丰富,过渡平滑,适用于照片类型。有压缩比,压缩比越高,图片质...

  • 图片格式的区别

    JPG GIF PNG 格式的区别 jpg格式 图片色彩丰富。色彩还原高,适合复杂颜色的图片。 比如banner;...

  • 图片格式区别

    JPEG(jpg) JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明 一般使用JPEG来保存照片...

  • JPG、PNG、SVG

    浅谈JPG、PNG、GIF三种图片格式的区别,以及在前端开发中遇到的小问题。 JPG JPG的图片格式是有损的,优...

  • 常用的图片格式

    平时我们在保存图片的时候会有很多格式,但又不知道这些图片格式的区别。那么我们总结几个常用的图片格式:PSD、JPE...

  • jpg、png、svg、gif等图片格式的区别

    做了这么久前端,图片格式的区别你知道吗?腾讯视频面试问的原题哦 JPEG JPEG格式:也是应用最广泛的图片格式之...

  • url 图片 ajax

    浏览器渲染 前端图片优化 图片格式的区别 px 与 em 区别 jQuery中ajax的4种常用请求方式: 1.$...

  • 04-图片及插入图片

    导入: 字不如表,表不如图,图不如视频。今天我们就来学习图片以及在网页中插入图片。 网页中常用图片格式 常见图片格...

  • 2019-07-15

    今天看了动态网页和静态网页的区别。

  • html+css面试题

    1. 你知道的网页制作会用到的图片格式有哪些? png-8,png-24, jpeg,gif, svg ,data...

网友评论

      本文标题:网页图片格式的区别

      本文链接:https://www.haomeiwen.com/subject/pqszhctx.html