关于图片格式的选择，jpg、png、gif、svg

2024-04-10 18:47:12

JPEG

是不是很多同学经常看到图片文件的后缀名有时候是 .jpeg 有时候又是 .jpg 了，其实这两个就是一回事。JPEG 格式是一种有损的图片压缩格式，它用算法尽量去除冗余的图像和色彩数据，在图片文件较小的情况下可以得到比较高质量的图片。

PNG

PNG 图片格式采用的是无损压缩，和 JPEG 相比文件的体积是会大一些的，但是图片质量非常好，而且还支持 Alpha 通道，也就是说 PNG 可以存部分区域透明的图片。

GIF

热爱斗图的中国人应该都不陌生，我们聊天时看到的动图其实都是 GIF 图片。没错，GIF 的特点就是它可以是动图，而且支持图片的透明，但是出于体积的考虑 GIF 只支持 256 色，所以我们会发现动图的清晰度和色彩质量并不是很好。

SVG

如果你是设计师或者开发者，可能对 SVG 并不陌生。SVG 的全称是可缩放矢量图形(Scalable Vector Graphics)，单听名字我们也对它的特性略知一二了。SVG 格式把图像信息用代码的形式存进了文件中，你可以通过任何一个文本编辑软件（记事本、VS Code等）打开来查看源代码，所以它不但体积小而且扩展性很强，我们可以通过编程的方式控制 SVG 图片进行交互和动画的播放。

ps 改变svg的背景颜色

我们先在SVG图上右击,用记事本打开,然后就会看到一堆东西,我们需要改的就是这部分:

也就是修改fill 或者 stroke属性即可

怎么选择图片格式

照片用 JPEG，因为色彩比较丰富也不需要透明，用 JPEG 即有较高的图像质量还能保持较小的文件体积。

小图片，小图标，有透明需求的用 PNG，尺寸较大的照片如果用 PNG 文件体积会比 JPEG 大不少。

动图用 GIF，虽然现在有更好的动图技术格式，但是 GIF 是兼容性最好的，基本上所有的设备和平台都支持的很好。

摘抄于https://zhuanlan.zhihu.com/p/134173186，自用

关于图片格式的选择，jpg、png、gif、svg相关推荐

iOS开发图片格式选择
图片是如何显示的在讲解如何选择图片格式之前,我感觉有必要先了解下,图片是如何展示的.如果我们要展示一张图片,一般步骤是这样的: /// Assets.xcassets中的图片,不需要后缀 let i ...
聊一聊几种常用web图片格式：gif、jpg、png、webp
前言在大多数的web页面中,图片占到了页面大小的60%-70%.因此在web开发中,不同的场景使用合适的图片格式对web页面的性能和体验是很重要的.图片格式种类非常多,本文仅针对几种web应用中常用 ...
DaHua相机获取与设置相机图片格式列表
1.获取图片格式列表 2.从图片格式列表选择某种图片格式设置相机图片格式
常用图片格式必须了解
常用图片格式汇总及区别首先说一说为什么要学习图片格式呢,因为身为一个前端开发的程序员,或者你是一个全栈开发的工程师,那么你就会接触的网页,那么网页中会有很多,**图片**,那么问题来了,这些图片有不 ...
常用图片格式JPG\PNG\SVG该如何选择？
背景: 相信大家开发的时候都接触到不少图片的格式,常见的有JPG.PNG.SVG.WEBP.GIF等,今天我们来聊一聊常使用的JPG.PNG.SVG.不同图片格式的出现是有需求,有原因的,有着各自的特 ...
如何选择正确的图片格式？图片格式详细科普
数字图片处理是指通过离线或在线资源(如编辑软件和网络应用程序)来处理图片.其转换过程旨在提高图片质量或从图片中提取更多信息.小编将详细介绍常见的图片格式以及如何进行图片格式转换方便查看,刚好对此有困惑 ...
手机游戏中图片格式选择整理
整理自: http://zengrong.net/post/2070.htm http://blog.csdn.net/langresser_king/article/details/8426708 ...
WEB开发中合理选择图片格式
从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论.事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们 ...
ASP.NET2.0图片格式转换【月儿原创】
ASP.NET2.0图片格式转换作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.4.20 说明:本文实现了图片格式随意转换( ...
一个可以实现图片格式相互转化的工具convert_picture.exe
最近一直在忙着写html,在抓取图片的过程中,发现html默认只能显示png等格式,像tiff和tif都无法正常显示,但是数据分析过程中,生成的全是tiff的图片格式,难道要我改数据分析的流程,一个一 ...

最新文章

热门文章