图片加载时间缓慢问题API

旧城等待， 2021-11-05 11:56 518阅读 0赞

**一、背景 **

**   **  最近段时间，开发写值工具项目中，出现图片加载问题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.CompositingQuality = CompositingQuality.HighQuality;
                    thumbGraph.SmoothingMode = SmoothingMode.HighQuality;
                    thumbGraph.InterpolationMode = InterpolationMode.HighQualityBicubic;
                    var imageRectangle = new Rectangle(0, 0, newWidth, newHeight);
                    thumbGraph.DrawImage(image, imageRectangle);
                    return thumbnailImg;
                }
            }

**② 压缩图片方法比①慢很多**

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

/// <summary>
            /// 无损压缩图片
            /// </summary>
            /// <param name="sFile">原图片地址</param>
            /// <param name="dFile">压缩后保存图片地址</param>
            /// <param name="flag">压缩质量（数字越小压缩率越高）1-100</param>
            /// <param name="size">压缩后图片的最大大小</param>
            /// <param name="sfsc">是否是第一次调用</param>
            /// <returns></returns>
            public  Image CompressImage(Image iSource, Stream stream, int flag = 90, int size = 300, bool sfsc = true)
            {
                //Image iSource = Image.FromFile(sFile);
                ImageFormat tFormat = iSource.RawFormat;
                ////如果是第一次调用，原始图像的大小小于要压缩的大小，则直接复制文件，并且返回true
                //FileInfo firstFileInfo = new FileInfo(sFile);
                //if (sfsc == true && firstFileInfo.Length < size * 1024)
                //{
                //    firstFileInfo.CopyTo(dFile);
                //    return true;
                //}
    
                int dHeight = iSource.Height / 2;
                int dWidth = iSource.Width / 2;
                int sW = 0, sH = 0;
                //按比例缩放
                Size tem_size = new Size(iSource.Width, iSource.Height);
                if (tem_size.Width > dHeight || tem_size.Width > dWidth)
                {
                    if ((tem_size.Width * dHeight) > (tem_size.Width * dWidth))
                    {
                        sW = dWidth;
                        sH = (dWidth * tem_size.Height) / tem_size.Width;
                    }
                    else
                    {
                        sH = dHeight;
                        sW = (tem_size.Width * dHeight) / tem_size.Height;
                    }
                }
                else
                {
                    sW = tem_size.Width;
                    sH = tem_size.Height;
                }
    
                var ob = new Bitmap(dWidth, dHeight);
                Graphics g = Graphics.FromImage(ob);
    
                g.Clear(Color.WhiteSmoke);
                g.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
                g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
                g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
    
                g.DrawImage(iSource, new Rectangle((dWidth - sW) / 2, (dHeight - sH) / 2, sW, sH), 0, 0, iSource.Width, iSource.Height, GraphicsUnit.Pixel);
    
                g.Dispose();
    
                //以下代码为保存图片时，设置压缩质量
                EncoderParameters ep = new EncoderParameters();
                long[] qy = new long[1];
                qy[0] = flag;//设置压缩的比例1-100
                EncoderParameter eParam = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, qy);
                ep.Param[0] = eParam;
    
                try
                {
                    ImageCodecInfo[] arrayICI = ImageCodecInfo.GetImageEncoders();
                    ImageCodecInfo jpegICIinfo = null;
                    for (int x = 0; x < arrayICI.Length; x++)
                    {
                        if (arrayICI[x].FormatDescription.Equals("JPEG"))
                        {
                            jpegICIinfo = arrayICI[x];
                            break;
                        }
                    }
                    if (jpegICIinfo != null)
                    {
                        ob.Save(stream, jpegICIinfo, ep);//dFile是压缩后的新路径
    
                        ///FileInfo fi = new FileInfo();
                        //if (fi.Length > 1024 * size)
                        //{
                        //    flag = flag - 10;
                        //    CompressImage(iSource, stream, flag, size, false);
                        //}
                    }
                    else
                    {
                        ob.Save(stream, tFormat);
                    }
                    //return true; 
                    return ob;
                }
                catch
                {
                    return ob;
                }
                //finally
                //{
                //    iSource.Dispose();
                //    //ob.Dispose();
                //}
            }

2. API中，用JPEG的格式

//二进制转换图片的方法
                MemoryStream mstream = new MemoryStream(assetinfor.imagedate);            
                Image imadate = Image.FromStream(mstream);
                var returnImage = assetinfor.GetImageThumbnail(imadate);
    //图片再转换byte[]方法
                MemoryStream mstream2 = new MemoryStream();
                //var returnImage = assetinfor.CompressImage(imadate, mstream2);
                //returnImage.Save(mstream2, System.Drawing.Imaging.ImageFormat.Bmp);
                returnImage.Save(mstream2, System.Drawing.Imaging.ImageFormat.Jpeg);
                byte[] byData = new Byte[mstream2.Length];
                mstream2.Position = 0;
                mstream2.Read(byData, 0, byData.Length);      
                mstream2.Close();
                 
               this.images = Convert.ToBase64String(byData);
    //释放资源
                mstream.Dispose();
                mstream2.Dispose();
            }
       
            /// <summary>
            /// 图片
            /// </summary>
            public string images { get; set; }

3. JPEG的图片格式支持高级压缩

**五、C\#中image和byte\[ \]的互相转换**

1、如图所示，项目中所应用到的转换；

![992081-20190705162532514-220173188.png][]

2.** image和byte\[ \]的互相转换**

**①    ** 参数是图片路径:返回Byte\[\]类型

//参数是图片的路径
    
            public byte[] GetPictureData(string imagePath)
    
            {
                FileStream fs = new FileStream(imagePath, FileMode.Open);
    
                byte[] byteData = new byte[fs.Length];
    
                fs.Read(byteData, 0, byteData.Length);
    
                fs.Close();
    
                return byteData;
            }

**②     ** 参数类型是Image对象，返回Byte\[\]类型

//将Image转换成流数据，并保存为byte[] 
    
            public byte[] PhotoImageInsert(System.Drawing.Image imgPhoto)
    
            {
                MemoryStream mstream = new MemoryStream();
    
                imgPhoto.Save(mstream, System.Drawing.Imaging.ImageFormat.Bmp);
    
                byte[] byData = new Byte[mstream.Length];
    
                mstream.Position = 0;
    
                mstream.Read(byData, 0, byData.Length); mstream.Close();
    
                return byData;
            }

**③     ** 参数是Byte\[\]类型，返回值是Image对象

public System.Drawing.Image ReturnPhoto(byte[] streamByte)
            {
                System.IO.MemoryStream ms = new System.IO.MemoryStream(streamByte);
                System.Drawing.Image img = System.Drawing.Image.FromStream(ms);
                return img;
            }

**④  **参数是Byte\[\] 类型，没有返回值（ASP.NET输出图片）

public void WritePhoto(byte[] streamByte)
    
            {
                // Response.ContentType 的默认值为默认值为“text/html”
    
                Response.ContentType = "image/GIF";
    
                //图片输出的类型有: image/GIF     image/JPEG
    
                Response.BinaryWrite(streamByte);
          }

**六、GIF，JPG， BMP和JPEG的图片有什么区别**

**①    ** BMP：Windows 位图

**详细说明：**Windows 位图可以用任何颜色深度（从黑白到 24 位颜色）存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容，BMP 文件适用于 Windows 中的墙纸。

**缺点：**BMP 不支持压缩，这会造成文件非常大，BMP 文件不受 Web 浏览器支持。

**优点：**BMP 支持 1 位到 24 位颜色深度，BMP 格式与现有 Windows 程序（尤其是较旧的程序）广泛兼容。

**②    ** PNG：可移植网络图形

**详细说明：**PNG 图片以任何颜色深度存储单个光栅图像。PNG 是与平台无关的格式。

**优点：**PNG 支持高级别无损耗压缩； PNG 支持 alpha 通道透明度； PNG 支持伽玛校正； PNG 支持交错； PNG 接受最新的 Web 浏览器支持。

**缺点：** 较旧的浏览器和程序可能不支持 PNG 文件。 作为 Internet 文件格式，与 JPEG 的有损耗压缩相比，PNG 提供的压缩量较少。 作为 Internet 文件格式，PNG 对多图像文件或动画文件不提供任何支持。GIF 格式支持多图像文件和动画文件。

**③    ** JPEG：联合摄影专家组

**详细说明：**JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。可以提高或降低 JPEG 文件压缩的级别。但是，文件大小是以图像质量为代价的。压缩比率可以高达 100:1。（JPEG 格式可在 10:1 到 20:1 的比率下轻松地压缩文件，而图片质量不会下降。）JPEG 压缩可以很好地处理写实摄影作品。

**优点：**摄影作品或写实作品支持高级压缩。 利用可变的压缩比可以控制文件大小。 支持交错（对于渐近式 JPEG 文件）。 JPEG 广泛支持 Internet 标准。

**缺点：**有损耗压缩会使原始图片数据质量下降。 当您编辑和重新保存 JPEG 文件时，JPEG 会混合原始图片数据的质量下降。这种下降是累积性的。 JPEG 不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片

**④    **GIF：图形交换格式

**详细说明：**GIF 图片以 8 位颜色或 256 色存储单个光栅图像数据或多个光栅图像数据。GIF 图   片支持透明度、压缩、交错和多图像图片（动画 GIF）。GIF 透明度不是 alpha 通道透明度，不能支持半透明效果。GIF 压缩是 LZW 压缩，压缩比大概为 3:1。GIF 文件规范的 GIF89a 版本中支持动画 GIF。

**优点：** GIF 广泛支持 Internet 标准。 支持无损耗压缩和透明度。 动画 GIF 很流行，易于使用许多 GIF 动画程序创建。

**缺点：** GIF 只支持 256 色调色板，因此，详细的图片和写实摄影图像会丢失颜色信息，而看起来却是经过调色的。 在大多数情况下，无损耗压缩效果不如 JPEG 格式或 PNG 格式。 GIF 支持有限的透明度，没有半透明效果或褪色效果（例如，alpha 通道透明度提供的效果）。

转载于:https://www.cnblogs.com/qy1234/p/11139160.html

[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211105/f4bab17aa8274c349b91e654e953aa97.png
[992081-20190705162532514-220173188.png]: /images/20211105/f9b23fc6a478458b946f4155ebf5878b.png