美文网首页
简述几种图片格式的区别,jpg/png/svg/gif

简述几种图片格式的区别,jpg/png/svg/gif

作者: 安逸的蓝鲸 | 来源:发表于2018-08-14 23:36 被阅读0次

由于JPEG是有损格式,即使以100%的质量保存相同的文件,因为压缩算法在同一图像上一次又一次地应用,多次之后也会导致图像质量的降低。但这一变化可能不会显示在文件大小的改变上.适合复杂图片,色彩多的,但不能保存透明背景颜色,会变成白色,相比于png文件小

gif是单通道,也只能保存2的8次方即256中颜色;适合颜色比较单一的图

png-8:只能保存2的8次方即256中颜色,如果图片中有相近的颜色会合成一个;适合颜色比较单一的图

png-24:能保存3个2的8次方的颜色,通常采用这个,png能保存透明背景图片,但相比与jpeg文件大,

svg是矢量,不论图片放多大,均不会失真,通常用于小图标,还可以制作动画,详情可见博客https://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/

对于前端来说,主要用到jpg与png格式,对于无透明背景的图,建议用jpg,因为jpg文件相比要小,对于需要透明背景的图,用png;
推荐一个很好用的在线压缩图片的工具,可进行图片压缩,https://tinypng.com/

相关文章

  • Android bitmap(二) 常见图片格式JPG PNG

    参考PNG、EPS、bmp、jpg等几种图片格式有什么区别GIF/PNG/JPG和WEBP/base64/apng...

  • 简述几种图片格式的区别,jpg/png/svg/gif

    由于JPEG是有损格式,即使以100%的质量保存相同的文件,因为压缩算法在同一图像上一次又一次地应用,多次之后也会...

  • svg

    一般图片格式有:png/jpg/jpeg/gif/tiff/apng/bup/svg 前面几种都是位图,基本单位是...

  • ppt图片的基本操作

    在ppt中,我们常用的图片格式有如下几种:BMP、JPG、GIF、SVG、PNG、WMF、AI等,其中WMF和AI...

  • 网页

    聊一聊几种常用web图片格式:gif、jpg、png、webp[https://segmentfault.com/...

  • 前端性能分析与优化--图片资源

    常见图片格式 详见:聊一聊几种常用web图片格式:gif、jpg、png、webp[https://segment...

  • JPG、PNG、SVG

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

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

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

  • 将图片转换为icon字体图标

    通过这个网址将png,jpg,gif等图片格式的图片转换成svg其他的网址转换的svg都不能在阿里矢量图标库里面生...

  • web 图片简介及优化策略

    目前H5所用的图片格式大多是JPG、png、svg、webp。 今天我们就来介绍一下这几种图片格式,和什么场景下应...

网友评论

      本文标题:简述几种图片格式的区别,jpg/png/svg/gif

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