gif动画

数字图像的基本类型 本文讲解10种图像文件的类型和相应的扩展名，主要参考: https://blog.hubspot.com/insiders/different-types-of-image-files . https://www.jianshu.com/p/4d8cace82028 . https://www.cnblogs.com/Arvin-JIN/p/9133745.html Vector vs. Raster Rastor Image Files Rastor images, 光栅图像是由一系列的像素，或者是独立的块所组成的。 JPEG , GIF , PNG 全部都是光栅类图像的扩展。网络上所有的照片都是Raster类型，当图片被伸展的时候，一般会引起模糊，或者是不清晰的现象。另外，这类图像一般要有准确的文件后缀以标识类型。 Vector Image Files Vector images, 向量图像（矢量图）更加灵活，构建这类图像会使用比例公式而不是像素。 EPS, AI, PDF 格式的矢量图一般会在需要频繁resize的场景中所用。一般地，logo以及品牌图形应该用矢量图。 High Resolution vs. Low Resolution 读者应该听说过 DPI 与 PPI 这两种说法， DPI 表示 dots per inch 而 PPI 表示

文章转自 https://zhidao.baidu.com/question/15311803.html https://support.microsoft.com/zh-cn/help/320314/description-of-the-guidelines-for-selecting-the-appropriate-picture-fo 图片格式：光栅图片 BMP：Windows 位图 PCX：PC 画笔 PNG：可移植网络图形 JPEG：联合摄影专家组 GIF：图形交换格式 TIFF：标记图像文件格式 图片格式： 矢量图片 DXF：AutoCAD 绘图交换文件 CGM：计算机图形 图元文件 CDR：CorelDRAW! WMF：Windows 图元文件 EPS：Encapsulated PostScript EMF：增强型 图元文件 PICT：Macintosh 图片 图片格式：光栅图片 BMP：Windows 位图 Windows 位图可以用任何 颜色深度 （从黑白到 24 位颜色）存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容。它不支持文件压缩，也不适用于 Web 页。 从总体上看，Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量，请使用 PNG 文件、JPEG 文件或 TIFF 文件。BMP

JPEG/JPG Joint Photographic Experts Group的首字母缩写。JPEG图片以24为颜色存储单个光栅图像。JPEG是与平台无关的格式，支持最高级别的压缩，不过这种压缩是有损耗的。可以提高或降低JPEG文件压缩的级别。但是，文件大小是以图像质量为代价的。文件压缩比可以高达100:1.（JPEG格式可以在10:1到20:1的比例下轻松压缩文件而图片质量不会下降）JPEG压缩可以很好地处理写实摄影作品。但是对于颜色较少、对比级别强烈、实心边框或纯色区域大的简单的作品，JPEG压缩无法提供理想的结果。有时压缩比会低到5:1，严重损失了图片的完整性。这一损失产生的原因是，JPEG压缩方案可以很好地压缩类似的色调，但是JPEG压缩方案不能很好地处理亮度的强烈差异或处理纯色区域。 优点： 摄影作品或写实作品支持高级压缩，压缩比可以达到其他传统压缩算法无法比拟的程度。 利用可变的压缩比可以控制文件大小。 支持交错（对于渐进式JPEG文件）。 广泛支持Internet标准。 缺点：有损压缩会使原始图片数据质量下降。当编辑和重新保存JPEG文件时，JPEG会混合元素图片数据的质量下降，这种下降是累计性的。JPEG不适合用于颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。 PNG PNG（Portable Network Graphic format

<div className="uploading-animation-tip-wrap"> <img src={require('~/shared/assets/image/slide-uploading-animation-file-300-300.gif')} alt="" className="uploading-tip-animation-file" /> <img src={require('~/shared/assets/image/slide-uploading-animation-progress-wave-300-300.gif')} alt="" className="uploading-tip-animation-progress" /> </div> .uploading-animation-tip-wrap { width: 66px; height: 66px; background-color: #f5f5f5; border-radius: 50%; position: relative; .uploading-tip-animation-file { width: 66px; position: absolute; top: 0; left: 0; z-index: 2; } .uploading-tip-animation-progress {

一、背景 最近段时间，开发写值工具项目中，出现图片加载问题API，响应时间缓慢；为了优化图片加载问题，我进行图片压缩方法，然后API的图片加载还是慢，最终在自己无意中乱写找到了根本的原因。 二、问题 优化图片加载问题 三、原因 1. 在API中，图片转换byte[ ]方法，用BMP的格式图片导致的API图片加载很慢； returnImage.Save(mstream2, System.Drawing.Imaging.ImageFormat.Bmp); 2. BMP 不支持压缩，这会造成文件非常大 四、解决方法 1. 压缩高质量图片 ① 这个压缩图片方法加载更快， //无损压缩图片 public Image GetImageThumbnail(Image image, double scaleFactor = 0.3) { using (image) { var newWidth = (int)(image.Width * scaleFactor); var newHeight = (int)(image.Height * scaleFactor); var thumbnailImg = new Bitmap(newWidth, newHeight); var thumbGraph = Graphics.FromImage(thumbnailImg); thumbGraph