压缩的svg文件-如何在放大后保存SVG
因为带宽太低，每次第一次加载都太慢。通过对F12的调试，发现主要原因是加载的js过大。所以本文将主要讲解打包Vue项目后js、css、svg等文件过大的解决方法。
通过引入compression-webpack-plugin插件来打包，然后打开nginxgzip来解决问题。
对比配置compression-webpack-plugin前后的打包，可以发现dist目录，大于10KB。
射流研究…
,
钢性铸铁
当文件被压缩后
除了JPG，如何保存放大后的SVG还需要很多常见的图片格式，但不同的软件并不都支持:
BMP格式
BMP是英文Bitmap的缩写，是Windows操作系统中的标准图像文件格式，可以被很多Windows应用程序支持。随着Windows操作系统的普及和丰富的Windows应用程序的开发，BMP位图格式自然被广泛使用。这种格式的特点是包含了丰富的图像信息，几乎没有压缩，但这导致了它的固有缺陷——占用磁盘空间太大。所以目前在单机上流行BMP。
GIF格式
GIF是英文Graphics _ nterchange _ ormat(图形交换格式)的缩写。顾名思义，这种格式是用来交换图片的。其实也是这样。80年代，美国著名的在线信息服务机构CompuServe针对当时网络传输带宽的限制，开发了这种GIF图像格式。
GIF格式的特点是压缩比高，占用磁盘空间少，所以这种图像格式很快得到了广泛的应用。_IF只是用来存储单幅静止图像(名为GIF87a)。后来随着技术的发展，可以同时存储几幅静止图像，形成一个连续的动画，成为当时为数不多的支持2D动画的格式(称为GIF89a)。在GIF89a图像中，可以指定透明区域，使图像具有非凡的显示效果，使GIF更加美观。目前互联网上使用的大量彩色动画文件多是这种格式的文件，也称为GIF89a格式文件。
此外，考虑到网络传输中的实际情况，GIF图像格式还增加了渐变显示模式，即在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续，逐渐看到图像的细节，从而适应用户“由朦胧到清晰”的观看心理。目前网上使用的大量彩色动画文件多是这种格式的文件。
不过GIF有个小缺点，就是不能存储256色以上的图片。尽管如此，这种格式仍然在网上广泛使用，这与GIF图像文件短、下载速度快、由许多大小相同的图像文件组成的动画等优点是分不开的。
JPEG格式
JPEG也是一种常见的图像格式，由Joint _ photo graphic _ Xperts _ group Xperts _ group开发，命名为“ISO 10918-1”。JPEG只是一个普通的名称。JPEG文件的扩展名是。jpg或者。jpeg，它的压缩技术非常先进。它使用有损压缩去除多余的图像和色彩数据，同时可以显示非常丰富和生动的图像，换句话说，它可以用最少的磁盘空间获得更好的图像质量。
同时，JPEG是一种非常灵活的格式，它具有调整图像质量的功能，允许你以不同的压缩比压缩这个文件。比如我们最多可以把1.37MB的BMP位图文件压缩到20.3KB。当然，我们可以在图像质量和文件大小之间找到一个平衡点。
JPEG由于其卓越的品质和出色的性能，也得到广泛的应用，尤其是在互联网和光盘上。目前各种浏览器都支持JPEG作为一种图像格式，因为JPEG格式的文件大小小，下载速度快，使得网页可以在很短的下载时间内提供大量精美的图像，JPEG自然成为了网络上最流行的图像格式。
JPEG2000格式
JPEG_2000也是压缩率更高、新增功能更多的新一代静止图像压缩技术，正式名称为“ISO15444”。
JPEG2000_ Kun _PEG的升级版压缩比比JPEG高30%左右。与JPEG不同的是，JPEG 2000 _сссссссссссссссссссссссссссссс
此外，JPEG2000还支持所谓的“感兴趣区域”功能。可以任意指定图像中感兴趣区域的压缩质量，也可以选择指定部分先解压缩。_PEG2000__JPEG_ Twitter流行且向后兼容，取代传统JPEG格式指日可待。
JPEG2000可以应用于传统的JPEG市场，如扫描仪、数码相机，以及其他新兴领域，如网络传输和无线通信。
TIFF格式
TIFF(Tag _ mage _ ile _ format)是Mac中广泛使用的图像格式。它由Aldus和微软联合开发，最初是为扫描图像的跨平台存储而设计的。其特点是图像格式复杂，存储信息多。正是因为它存储了图像的很多细微信息，图像的质量也得到提高，所以非常有利于原作的再现。
该格式有两种形式:压缩和未压缩，其中压缩可以存储的LZW无损压缩方案。但由于TIFF格式结构复杂，兼容性差，有时你的软件可能无法正确识别TIFF文件(现在大部分软件已经解决了这个问题)。目前在Mac和PC上移植TIFF文件也非常方便，所以TIFF现在是微机上应用最广泛的图像文件格式之一。
photoshop文档
这是著名的Adobe公司的图像处理软件Photoshop的特殊格式Photoshop _ Eye (PSD)。PSD实际上是Photoshop中平面设计的“草稿”，里面包含了图层、通道、蒙版等各种设计的样本，以便下次打开文件时可以修改最后的设计。在Photoshop支持的各种图像格式中，PSD的访问速度要比其他格式快得多，功能也强大得多。随着Photoshop的应用越来越广泛，我们有理由相信这种格式会逐渐流行起来。
PNG格式
Png是一种新的网络图像格式。1994年底，因为Unysis宣布GIF有专利压缩方法，要求GIF软件的作者支付一定费用，导致png图像格式的诞生。PNG从一开始就结合了GIF和JPG的长处，打算一举取代这两种格式。1996 65438+10月1由PNG向国际网络联盟提出并得到推荐和认可，大部分绘图软件和浏览器开始支持PNG图片浏览。从此，PNG图像格式就充满了生命力。
PNG是目前最不失真的格式，它吸收了GIF和JPG的优点，存储形式丰富，同时具有GIF和JPG两种颜色模式。PNG的另一个特点是可以将图像文件压缩到网络传输的极限，但可以保留所有与图像质量相关的信息，因为PNG使用无损压缩来减小文件大小，这与JPG为了高压缩率而牺牲图像质量不同。它的第三个特点是显示速度非常快，下载1/64的图像信息就可以显示低分辨率的预览图像。第四，PNG还支持透明图像的制作，这在制作网页图像时非常有用。我们可以将图像背景设置为透明，用网页本身的颜色信息代替透明色，让图像和网页背景和谐地融合在一起。
PNG的缺点是不支持动画应用效果。如果能在这方面加强，完全可以替代GIF和JPEG。Macromedia的Fireworks软件的默认格式是PNG。现在，越来越多的软件开始支持这种格式，它在互联网上越来越流行。
SWF格式
利用Flash，我们可以制作一个后缀为SWF(shock wave _ format)的动画，可以用相对较小的体积表达丰富的多媒体形式。在图像传输方面，不用等到所有文件都下载完了才可以看，而是可以边下载边看，所以特别适合网络传输，尤其是传输速率不好的时候，可以得到更好的效果。事实也证明了这一点。SWF已被广泛用于网页的多媒体演示和交互设计。另外，SWF动画是用矢量技术制作的，所以无论画面放大多少倍，画面都不会受损。综上所述，SWF格式的作品以其高清的画质和小巧的尺寸受到越来越多网页设计师的青睐，成为网页动画和网页图片设计制作的主流，现在已经成为网络动画事实上的标准。
SVG格式
SVG可以算是目前最火的图像文件格式了。它的英文全称是scalable _ ector _ graphics，意思是可扩展的_ector_raphics。它基于XML(Extensible_arkup_anguage)，由World_ide_eb_onsortium(W3C)联盟开发。严格来说，它应该是一种开放的标准矢量图形语言，可以让你设计出令人兴奋的、高分辨率的Web图形页面。用户可以直接用代码绘制图像，用任何文字处理工具打开SVG图像，通过修改一些代码使图像具有交互性，并且可以随时插入HTML中，通过浏览器查看。
它提供了互联网上流行的格式GIF和JPEG所不具备的优势:可以随意放大图形显示，但绝不会以牺牲图像质量为代价；文字在SVG图像中保持可编辑和可搜索；一般来说，SVG文件比JPEG和GIF文件小得多，因此下载速度很快。相信SVG的发展将为Web提供一种新的图像标准。
其他非主流图像格式:
PCX格式
PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，是一种压缩格式，占用磁盘空间较小。因为这种格式出现的时间比较长，有压缩和全彩的能力，所以现在还在流行。
DXF格式
DXF(Autodesk _ rawing _ xchange _ format)是AutoCAD中的矢量文件格式。它以ASCII码存储文件，在表示图形大小方面非常准确。许多软件支持DXF格式的输入和输出。
WMF格式
WMF(Windows _ etafile _ format)是Windows中常见的图元文件格式，属于矢量文件格式。它具有短文件和建模模式的特点，整个图形往往是由各种独立组件拼接而成，其图形往往比较粗糙。
EMF格式
EMF(Enhanced_etafile)是微软为了弥补使用WMF的不足而开发的Windows S32位扩展元文件格式。也属于矢量文件格式，目的是让图元文件更容易被接受。
LIC(FLI/FLC)格式
Flic格式是Autodesk公司开发的，FLC是FLC和FLI的统称:FLI是基于320×200分辨率的原创动画文件格式，而FLC采用了更高效的数据压缩技术，因此压缩比比FLI高，分辨率也提高了不少。
EPS格式
EPS(Encapsulated_ostScript)是一种PC用户很少见到的格式，但是苹果Mac的用户却广泛使用。它是用PostScript语言描述的ASCII文件格式，主要用于排版、打印等输出工作。
TGA格式
TGA (tagged _ graphics)文件是美国Truevision公司为其显卡开发的一种图像文件格式，已被国际图形图像界所接受。TGA具有简单的结构，属于图形和图像数据的通用格式，在多媒体领域具有很大的影响力，并且是用于将计算机生成的图像转换成电视的优选格式。
PS输出是图片格式，PNG，JPG，GIF，SVG哪个格式最清晰？图片，JPG/
JPEG格式
有损压缩，体积小，加载快，不支持透明，
PNG格式
无损压缩，高质量，大尺寸，透明支持，SVG文本文件，体积小，不失真，兼容性好，SVG格式图片可以任意放大显示，不损失画质；SVG格式是可编辑和可搜索的；一般来说，SVG格式比JPG和GIF格式文件小，下载速度也更快。SVG文件通常很小，但是当图形的复杂度变高时，SVG文件的大小就会变大，因为SVG在渲染时比像素图像需要更多的计算能力，这也意味着性能的损失。所以在Logo等图纸上，要尽量简洁。通常jpg和png可以满足图片的需求，png比jpg清晰，GIF是动图，不与其他格式对比。