`
niunan
  • 浏览: 719264 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
社区版块
存档分类
最新评论

生成规定大小的图片(缩略图生成)

    博客分类:
  • .NET
 
阅读更多

     做一购物网站,改版N次,每次改版那产品列表图的大小都会变,第一次是90*70,第二次改版又变成160*120,每次改版都得把产品图片文件夹中的2W多张图片一个一个转为对应的大小的图片,以前用的是网上找的一个方法:

    /// <summary>生成缩略图
    /// 
    /// </summary>
    /// <param name="originalImagePath">源图路径(物理路径)</param>
    /// <param name="thumbnailPath">缩略图路径(物理路径)</param>
    /// <param name="width">缩略图宽度</param>
    /// <param name="height">缩略图高度</param>
    /// <param name="mode">生成缩略图的方式</param> 
    ///         
    public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)
    {
        System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);

        int towidth = width;
        int toheight = height;

        int x = 0;
        int y = 0;
        int ow = originalImage.Width;
        int oh = originalImage.Height;

        switch (mode)
        {
            case "HW"://指定高宽缩放(可能变形)           
                break;
            case "W"://指定宽,高按比例             
                toheight = originalImage.Height * width / originalImage.Width;
                break;
            case "H"://指定高,宽按比例
                towidth = originalImage.Width * height / originalImage.Height;
                break;
            case "Cut"://指定高宽裁减(不变形)           
                if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
                {
                    oh = originalImage.Height;
                    ow = originalImage.Height * towidth / toheight;
                    y = 0;
                    x = (originalImage.Width - ow) / 2;
                }
                else
                {
                    ow = originalImage.Width;
                    oh = originalImage.Width * height / towidth;
                    x = 0;
                    y = (originalImage.Height - oh) / 2;
                }
                break;
            default:
                break;
        }

        //新建一个bmp图片
        System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);

        //新建一个画板
        System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);

        //设置高质量插值法
        g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;

        //设置高质量,低速度呈现平滑程度
        g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

        //清空画布并以白色背景色填充
        g.Clear(System.Drawing.Color.White);

        //在指定位置并且按指定大小绘制原图片的指定部分
        g.DrawImage(originalImage, new System.Drawing.Rectangle(0, 0, towidth, toheight),
            new System.Drawing.Rectangle(x, y, ow, oh),
            System.Drawing.GraphicsUnit.Pixel);

        try
        {
            //以jpg格式保存缩略图
            bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
        }
        catch (System.Exception e)
        {
            throw e;
        }
        finally
        {
            originalImage.Dispose();
            bitmap.Dispose();
            g.Dispose();
        }
    }

 结果生成的列表图总不成比例,有点变形,抽出该方法单独测试,发现用哪个模式都不好,用HW肯定会变形,用W或者H的话生成的图片大小并不是需要的大小,比如一张400*200的图片,生成160*120的图片,用W模式,结果生成的图片是160*80,这个虽然看起来是不会变形的,但是在产品列表页上的img标题是固定了大小的,如:
<img width="160" height="120"   />
这样最后再配上那160*80的图片生成的HTML代码就为
<img width="160" height="120" src="160_80_aaa.jpg"   />
这样从界面上看起来又肯定会变形,因为80的高被拉到了120。用Cut模式,虽然生成的图片会是160*120,但是发现会把图像裁剪掉一部分,这个模式也不符合要求。
于是上网找生成缩略图的方法,找啊找啊找,在JT的博客的某一篇文章里看到:

http://www.cnblogs.com/jeffreyzhao/archive/2009/11/24/problem-of-generating-thumbnail-image.html

测试了一下这篇文章中的最后的那个方法,结果还是不能按照我所想的生成缩略图的方法,267*248的图片生成160*120的图片,用博客里的那个方法,生成的等比例的图片大小是129*120,如果放到已经固定了大小的img标签中还是会变形,最终还是得自己来写这个生成缩略图的方法啊,嗯,应该叫生成规定大小的图像的方法吧。
要求:
1、不管源图像的大小,最终都要生成预先定义好的大小的图像
2、如果源图像的宽高比预先定义的大小都要小,如 16*16 的图像生成160*120的图像,那么就相当于把16*16的图像画到160*120图像的中间,图像背景色为白色
3、如果源图像至少有一边比预先定义好的大小要大,那么就先生成等比例缩放好的图像,然后再画到预先定义大小的图像上,如:400*200的图像生成160*120的图像,则先生成等比例的160*80的图像,然后再把该图像画到160*120图像的中间

有了需求,再结合上面的一些两个示例代码,写出了如下方法:

    /// <summary>创建规定大小的图像    /// 源图像只能是JPG格式
    /// </summary>
    /// <param name="oPath">源图像绝对路径</param>
    /// <param name="tPath">生成图像绝对路径</param>
    /// <param name="width">生成图像的宽度</param>
    /// <param name="height">生成图像的高度</param>
    public void CreateImage(string oPath, string tPath, int width, int height)
    {
        Bitmap originalBmp = new Bitmap(oPath);
        // 源图像在新图像中的位置
        int left, top;


        if (originalBmp.Width <= width && originalBmp.Height <= height)
        {
            // 原图像的宽度和高度都小于生成的图片大小
            left = (int)Math.Round((decimal)(width - originalBmp.Width) / 2);
            top = (int)Math.Round((decimal)(height - originalBmp.Height) / 2);


            // 最终生成的图像
            Bitmap bmpOut = new Bitmap(width, height);
            using (Graphics graphics = Graphics.FromImage(bmpOut))
            {
                // 设置高质量插值法
                graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
                // 清空画布并以白色背景色填充
                graphics.Clear(Color.White);
                // 把源图画到新的画布上
                graphics.DrawImage(originalBmp, left, top, originalBmp.Width, originalBmp.Height);
            }
            bmpOut.Save(tPath);
            bmpOut.Dispose();


            return;
        }


        // 新图片的宽度和高度,如400*200的图像,想要生成160*120的图且不变形,
        // 那么生成的图像应该是160*80,然后再把160*80的图像画到160*120的画布上
        int newWidth, newHeight;
        if (width * originalBmp.Height < height * originalBmp.Width)
        {
            newWidth = width;
            newHeight = (int)Math.Round((decimal)originalBmp.Height * width / originalBmp.Width);
            // 缩放成宽度跟预定义的宽度相同的,即left=0,计算top
            left = 0;
            top = (int)Math.Round((decimal)(height - newHeight) / 2);
        }
        else
        {
            newWidth = (int)Math.Round((decimal)originalBmp.Width * height / originalBmp.Height);
            newHeight = height;            
            // 缩放成高度跟预定义的高度相同的,即top=0,计算left
            left = (int)Math.Round((decimal)(width - newWidth) / 2);
            top = 0;
        }


        // 生成按比例缩放的图,如:160*80的图
        Bitmap bmpOut2 = new Bitmap(newWidth, newHeight);
        using (Graphics graphics = Graphics.FromImage(bmpOut2))
        {
            graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
            graphics.FillRectangle(Brushes.White, 0, 0, newWidth, newHeight);
            graphics.DrawImage(originalBmp, 0, 0, newWidth, newHeight);
        }
        // 再把该图画到预先定义的宽高的画布上,如160*120
        Bitmap lastbmp = new Bitmap(width, height);
        using (Graphics graphics = Graphics.FromImage(lastbmp))
        {
            // 设置高质量插值法
            graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
            // 清空画布并以白色背景色填充
            graphics.Clear(Color.White);
            // 把源图画到新的画布上
            graphics.DrawImage(bmpOut2, left, top);
        }
        lastbmp.Save(tPath);
        lastbmp.Dispose();
    }

 测试发现好像不支持GIF格式的,我只试过JPG格式的是可以,不知道其他的如PNG,BMP之类的行不行,懒得试了,反正产品图片一般都是jpg格式的
以上方法使用示例如下:

 CreateImage(Server.MapPath("~/aaa.jpg"),Server.MapPath("~/aaa_160_120.jpg"),160,120);

 经测试,这样生成的图片就是160*120了,且不会变形。
代码下载:http://niunan.net/download/genpic.7z

分享到:
评论

相关推荐

    JSP上传图片并生成缩略图

    需要注意的是,这个例子中的缩略图生成没有考虑到保持原始图片的宽高比,可能会导致图片变形。在实际应用中,您可能需要调整代码以保持原始图片的比例。此外,为了提高用户体验,还可以添加错误处理机制,例如显示...

    ASP+Ajax+ASPJepg图片批量导入并生成大小图程序

    功能:可自动将原始图片(未经裁剪的原始图片)自动生成一个规定大小的缩略图和大图片存放至指定目录,并可自动将图片记录添加到数据库。 方法:在网站根目录下新建一个目录(目录名为英文名),将原始图片拷贝进去...

    多美女图片缩略图

    2. **缩略图生成**:缩略图是原始图片的较小版本,常用于预览或节省存储空间。生成缩略图的方法包括简单地按比例缩小图片,或者使用插值算法保持清晰度。在编程中,我们可以使用各种库(如Python的PIL、Java的...

    扫描手机里的所有视频文件,生成缩略图,可以点击播放视频

    // 可以对缩略图进行进一步处理,如调整大小、保存等 // ... retriever.release(); ``` 这里,`getFrameAtTime`方法用于获取指定时间点的视频帧作为缩略图。时间以微秒为单位,1000000微秒等于1秒。你可以选择视频...

    asp 缩略图查看-csImageFile

    ASP 缩略图查看技术是Web开发中一种常见的功能,用于在网页上预览大图像的缩小版本。这里提到的`csImageFile`是一个专为ASP...通过熟练掌握其API,开发者可以轻松实现高效的缩略图生成和图像管理,提升用户体验。

    matlab开发-从jpgimages生成带有缩略图的HTML表格

    在`resizeImageDir.m`中,可能会遍历目录中的所有图像,对每个文件调用`resizeJPG.m`进行缩略图生成。`resizeJPG.m`内部可能使用`imresize`函数,设定合适的缩放因子以保持图像比例,同时确保生成的缩略图符合预设的...

    js生成缩略图后上传并利用canvas重绘

    此种模式一般可以满足大部分的需求,但当我们所需要的图片仅仅是一个符合规定大小的源图片的缩略图,再使用此种模式,将是一种浪费服务端资源以及带宽的方式,故我们考虑在浏览器端生成小图后再进行上传操作。...

    完美正确版-网站快照-网站缩略图asp.net源码-抓取页面快照

    4. **图像处理**:使用ImageMagick或System.Drawing库裁剪和调整图片大小,生成最终的缩略图。 5. **存储与服务**:将生成的快照或缩略图存储到服务器,然后可以通过HTTP服务供其他应用或用户访问。 在压缩包中的...

    matlab开发-缩略图散点通过缩略图分散点以避免可视化

    这个脚本通常会包含一个简单的例子,加载一些示例数据,然后调用`thumbnailScatter`函数生成缩略图散点图,并显示结果。通过运行这个演示,用户可以了解函数的用法和效果。 `license.txt`文件通常包含软件的许可...

    AspUpload组件上传和AspJpeg缩略图及注册码..

    1. 创建缩略图:通过调整原始图像的尺寸,AspJpeg可以生成缩略图,节省服务器存储空间,同时提高网页加载速度。 2. 图像转换:可以将不同格式的图像转换为JPEG格式。 3. 图像处理:包括裁剪、旋转、添加水印等操作。...

    C#生成PDF 读取PDF文本内容 获取PDF内图片201902

    本篇将详细探讨如何使用C#进行PDF操作,包括生成PDF、读取PDF文本内容以及获取PDF内的图片。 首先,生成PDF是常见的需求,这通常通过第三方库来实现,如iTextSharp或PDFsharp。iTextSharp提供了一系列API,使得...

    strut2 jquery上传 图片预览 截取图片大小

    jQuery提供了一些插件,如`blueimp-file-upload`或`jQuery-File-Upload`,这些插件可以读取选中的文件并生成缩略图预览。通过HTML5的FileReader接口,我们可以读取图片数据,然后使用`canvas`元素进行绘制,实时展示...

    PHP基于ffmpeg实现转换视频,截图及生成缩略图的方法

    在本文中,我们将探讨如何使用PHP与FFmpeg库来实现视频转换、视频截图以及生成缩略图的功能。FFmpeg是一个强大的跨平台工具,用于处理音频和视频文件,包括编码、解码、转换、流和过滤。PHP作为一种常用的服务器端...

    .net自动处理不同尺寸图片

    这个功能在很多场景下都非常实用,比如在上传用户头像、缩略图生成或者产品图片展示时,我们需要保持图像的原始比例,同时将其调整到适合显示的尺寸。 描述中提到的是一个源码实现,它提供了一个解决方案,允许...

    图片上传功能,前后端完整示例

    后端接收到图片数据后,可能需要进行一系列处理,如图片格式检查、大小限制、缩略图生成等,然后将其存储到指定的存储服务(如本地磁盘、云存储服务如阿里云OSS或Amazon S3)。 前端部分: 1. **文件选择**:使用...

    php图片上传预览裁剪

    JCrop与`resize.php`配合工作,`resize.php`接收JCrop传递的坐标信息,利用GD或Imagick库进行图片裁剪,生成新的缩略图并保存。 5. **配置管理**:`config.inc.php`可能包含了服务器路径、上传大小限制等配置信息,...

    PIC CMS图片网站管理系统 v1.2.ZIP

    9.自动生成任意大小缩略图 10.幻灯片模式图片展示页 11.支持静态缓存,全站生成HTML 12.内置采集器,迅速从网络抓取图文 13.自由分类,自动生成导航和内容调用 14.模板分离设计,轻松设计模板 15方便自由的模板...

    图片上传控件(带预览功能)

    当用户选择图片后,JavaScript可以读取文件对象,生成缩略图并显示在页面上,提供即时的预览效果。它还可以用于验证文件类型和大小,确保用户上传的图片符合规定。 3. **图片预览**:在上传图片之前,预览功能让...

    PHP Ajax图片上传

    4. 可能涉及到的图片处理操作,如缩略图生成、质量调整等。 5. 返回响应给前端,告知上传结果。 其次,Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的...

Global site tag (gtag.js) - Google Analytics