UWP 图片压缩

原创 2017年03月16日 20:32:41

1.主要代码

废话不多说,直接上代码,具体请看注释。

这个函数可以直接拿来用,通过设置想要的长边长度按比例缩小图片。

        /// <summary>
        /// 处理并保存图片
        /// </summary>
        /// <param name="inputFile">输入文件</param>
        /// <param name="outputFile">输出文件</param>
        /// <param name="longSide">长边长度</param>
        /// <returns>成功返回true,否则false。</returns>
        private async Task<bool> LoadSaveFileAsync(StorageFile inputFile, StorageFile outputFile, uint longSide)
        {
            try
            {
                Guid encoderId;
                switch (outputFile.FileType)
                {
                    case ".png":
                        encoderId = BitmapEncoder.PngEncoderId;
                        break;
                    case ".bmp":
                        encoderId = BitmapEncoder.BmpEncoderId;
                        break;
                    case ".jpg":
                    default:
                        encoderId = BitmapEncoder.JpegEncoderId;
                        break;
                }

                //图片处理部分
                using (IRandomAccessStream inputStream = await inputFile.OpenAsync(FileAccessMode.Read),
                           outputStream = await outputFile.OpenAsync(FileAccessMode.ReadWrite))
                {
                    //BitmapEncoder需要一个空的输出流; 但是用户可能已经选择了预先存在的文件,所以清零。
                    outputStream.Size = 0;

                    //从解码器获取像素数据。 我们对解码的像素应用用户请求的变换以利用解码器中的潜在优化。
                    BitmapDecoder decoder = await BitmapDecoder.CreateAsync(inputStream);
                    BitmapTransform transform = new BitmapTransform();

                    //原图尺寸比转换尺寸更小
                    if (decoder.PixelHeight < longSide && decoder.PixelWidth < longSide)
                        throw new Exception("设置的尺寸大于原图尺寸!");
                    // 判断长边并按原图比例确定另一条边的长度
                    if (decoder.PixelHeight > decoder.PixelWidth)
                    {
                        transform.ScaledHeight = longSide;
                        transform.ScaledWidth = (uint)(decoder.PixelWidth * ((float)longSide /decoder.PixelHeight));
                    }
                    else
                    {
                        transform.ScaledHeight = (uint)(decoder.PixelHeight * ((float)longSide/decoder.PixelWidth));
                        transform.ScaledWidth = longSide;
                    }

                    // Fant是相对高质量的插值模式。
                    transform.InterpolationMode = BitmapInterpolationMode.Fant;

                    // BitmapDecoder指示最佳匹配本地存储的图像数据的像素格式和alpha模式。 这可以提供高性能的与或质量增益。
                    BitmapPixelFormat format = decoder.BitmapPixelFormat;
                    BitmapAlphaMode alpha = decoder.BitmapAlphaMode;

                    // PixelDataProvider提供对位图帧中像素数据的访问
                    PixelDataProvider pixelProvider = await decoder.GetPixelDataAsync(
                        format,
                        alpha,
                        transform,
                        ExifOrientationMode.RespectExifOrientation,
                        ColorManagementMode.ColorManageToSRgb
                        );

                    byte[] pixels = pixelProvider.DetachPixelData();

                    //将像素数据写入编码器。
                    BitmapEncoder encoder = await BitmapEncoder.CreateAsync(encoderId, outputStream);
                    //设置像素数据
                    encoder.SetPixelData(
                        format,
                        alpha,
                        transform.ScaledWidth,
                        transform.ScaledHeight,
                        decoder.DpiX,
                        decoder.DpiY,
                        pixels
                        );

                    await encoder.FlushAsync(); //异步提交和刷新所有图像数据(这一步保存图片到文件)
                    Debug.WriteLine("保存成功:" + outputFile.Path);
                    return true;
                }
            }
            catch (Exception err)
            {
                Debug.WriteLine(err.Message);
                return false;
            }
        }


2.其他

1.打开图片文件

            FileOpenPicker picker = new FileOpenPicker();
            picker.FileTypeFilter.Add(".jpg");
            picker.FileTypeFilter.Add(".jpeg");
            picker.FileTypeFilter.Add(".png");
            picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;

            //选取一个文件
            var file = await picker.PickSingleFileAsync();
            if (file != null)   //文件不为空则进行下一步
            {
                _inputFile = file;
                await LoadFileAsync(file);
            }

2.显示选取的图片

        /// <summary>
        /// 从文件载入图片并显示
        /// </summary>
        /// <param name="file">图片</param>
        private async Task LoadFileAsync(StorageFile file)
        {
            try
            {
                // 显示图片
                BitmapImage src = new BitmapImage();
                using (IRandomAccessStream stream = await file.OpenAsync(FileAccessMode.Read))
                {
                    await src.SetSourceAsync(stream);
                }
                MyImage.Source = src;

                LongSide.IsEnabled = true;
                SaveButton.IsEnabled = true;
            }
            catch (Exception err)
            {
                Debug.WriteLine(err.Message);
            }
        }

3.选择保存位置、调用函数处理并保存图片

        /// <summary>
        /// 选择文件保存位置并进行下一步处理
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private async void Save_Click(object sender, RoutedEventArgs e)
        {
            FileSavePicker picker = new FileSavePicker();
            picker.FileTypeChoices.Add("JPEG image", new string[] { ".jpg" });
            picker.FileTypeChoices.Add("PNG image", new string[] { ".png" });
            picker.FileTypeChoices.Add("BMP image", new string[] { ".bmp" });
            picker.DefaultFileExtension = ".png";
            picker.SuggestedFileName = "Output file";
            picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;

            var file = await picker.PickSaveFileAsync();
            if (file != null && !String.IsNullOrEmpty(LongSide.Text))
            {
                uint longSide = uint.Parse(LongSide.Text);
                if (await LoadSaveFileAsync(_inputFile, file, longSide)) //处理图片
                    MsgBox.Text = "转换成功!" + file.Path;
                else
                    MsgBox.Text = "失败";
            }

        }

3.完整Demo

<Page
    x:Class="ImageDemo.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:ImageDemo"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Image Name="MyImage" Height="300" Grid.Row="0"/>
        <StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Left" Margin="10">
            <TextBlock Text="目标长边长度:" VerticalAlignment="Center"/>
            <TextBox Name="LongSide" IsEnabled="False" Margin="10,0,0,0"/>
        </StackPanel>
        <TextBlock Name="MsgBox" Grid.Row="2" VerticalAlignment="Center"/>
        <StackPanel Grid.Row="2" Orientation="Horizontal" 
                    HorizontalAlignment="Right" VerticalAlignment="Top">
            <Button Content="获取图片" Click="Get_Click"/>
            <Button Content="保存" Click="Save_Click" Name="SaveButton"
                    IsEnabled="False" Margin="10"/>
        </StackPanel>
        

    </Grid>
</Page>

using System;
using System.Diagnostics;
using System.Threading.Tasks;
using Windows.Graphics.Imaging;
using Windows.Storage;
using Windows.Storage.Pickers;
using Windows.Storage.Streams;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media.Imaging;

// https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x804 上介绍了“空白页”项模板

namespace ImageDemo
{
    /// <summary>
    /// 可用于自身或导航至 Frame 内部的空白页。
    /// </summary>
    public sealed partial class MainPage : Page
    {
        private StorageFile _inputFile;
        public MainPage()
        {
            this.InitializeComponent();
        }

        /// <summary>
        /// 点击“获取图片”
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private async void Get_Click(object sender, RoutedEventArgs e)
        {
            FileOpenPicker picker = new FileOpenPicker();
            picker.FileTypeFilter.Add(".jpg");
            picker.FileTypeFilter.Add(".jpeg");
            picker.FileTypeFilter.Add(".png");
            picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;

            //选取一个文件
            var file = await picker.PickSingleFileAsync();
            if (file != null)   //文件不为空则进行下一步
            {
                _inputFile = file;
                await LoadFileAsync(file);
            }
        }

        /// <summary>
        /// 从文件载入图片并显示
        /// </summary>
        /// <param name="file">图片</param>
        private async Task LoadFileAsync(StorageFile file)
        {
            try
            {
                // 显示图片
                BitmapImage src = new BitmapImage();
                using (IRandomAccessStream stream = await file.OpenAsync(FileAccessMode.Read))
                {
                    await src.SetSourceAsync(stream);
                }
                MyImage.Source = src;

                LongSide.IsEnabled = true;
                SaveButton.IsEnabled = true;
            }
            catch (Exception err)
            {
                Debug.WriteLine(err.Message);
            }
        }

        /// <summary>
        /// 选择文件保存位置并进行下一步处理
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private async void Save_Click(object sender, RoutedEventArgs e)
        {
            FileSavePicker picker = new FileSavePicker();
            picker.FileTypeChoices.Add("JPEG image", new string[] { ".jpg" });
            picker.FileTypeChoices.Add("PNG image", new string[] { ".png" });
            picker.FileTypeChoices.Add("BMP image", new string[] { ".bmp" });
            picker.DefaultFileExtension = ".png";
            picker.SuggestedFileName = "Output file";
            picker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;

            var file = await picker.PickSaveFileAsync();
            if (file != null && !String.IsNullOrEmpty(LongSide.Text))
            {
                uint longSide = uint.Parse(LongSide.Text);
                if (await LoadSaveFileAsync(_inputFile, file, longSide))
                    MsgBox.Text = "转换成功!" + file.Path;
                else
                    MsgBox.Text = "失败";
            }

        }

        /// <summary>
        /// 处理并保存图片
        /// </summary>
        /// <param name="inputFile">输入文件</param>
        /// <param name="outputFile">输出文件</param>
        /// <param name="longSide">长边长度</param>
        /// <returns>成功返回true,否则false。</returns>
        private async Task<bool> LoadSaveFileAsync(StorageFile inputFile, StorageFile outputFile, uint longSide)
        {
            try
            {
                Guid encoderId;
                switch (outputFile.FileType)
                {
                    case ".png":
                        encoderId = BitmapEncoder.PngEncoderId;
                        break;
                    case ".bmp":
                        encoderId = BitmapEncoder.BmpEncoderId;
                        break;
                    case ".jpg":
                    default:
                        encoderId = BitmapEncoder.JpegEncoderId;
                        break;
                }

                //图片处理部分
                using (IRandomAccessStream inputStream = await inputFile.OpenAsync(FileAccessMode.Read),
                           outputStream = await outputFile.OpenAsync(FileAccessMode.ReadWrite))
                {
                    //BitmapEncoder需要一个空的输出流; 但是用户可能已经选择了预先存在的文件,所以清零。
                    outputStream.Size = 0;

                    //从解码器获取像素数据。 我们对解码的像素应用用户请求的变换以利用解码器中的潜在优化。
                    BitmapDecoder decoder = await BitmapDecoder.CreateAsync(inputStream);
                    BitmapTransform transform = new BitmapTransform();

                    //原图尺寸比转换尺寸更小
                    if (decoder.PixelHeight < longSide && decoder.PixelWidth < longSide)
                        throw new Exception("设置的尺寸大于原图尺寸!");
                    // 判断长边并按原图比例确定另一条边的长度
                    if (decoder.PixelHeight > decoder.PixelWidth)
                    {
                        transform.ScaledHeight = longSide;
                        transform.ScaledWidth = (uint)(decoder.PixelWidth * ((float)longSide /decoder.PixelHeight));
                    }
                    else
                    {
                        transform.ScaledHeight = (uint)(decoder.PixelHeight * ((float)longSide/decoder.PixelWidth));
                        transform.ScaledWidth = longSide;
                    }

                    // Fant是相对高质量的插值模式。
                    transform.InterpolationMode = BitmapInterpolationMode.Fant;

                    // BitmapDecoder指示最佳匹配本地存储的图像数据的像素格式和alpha模式。 这可以提供高性能的与或质量增益。
                    BitmapPixelFormat format = decoder.BitmapPixelFormat;
                    BitmapAlphaMode alpha = decoder.BitmapAlphaMode;

                    // PixelDataProvider提供对位图帧中像素数据的访问
                    PixelDataProvider pixelProvider = await decoder.GetPixelDataAsync(
                        format,
                        alpha,
                        transform,
                        ExifOrientationMode.RespectExifOrientation,
                        ColorManagementMode.ColorManageToSRgb
                        );

                    byte[] pixels = pixelProvider.DetachPixelData();

                    //将像素数据写入编码器。
                    BitmapEncoder encoder = await BitmapEncoder.CreateAsync(encoderId, outputStream);
                    //设置像素数据
                    encoder.SetPixelData(
                        format,
                        alpha,
                        transform.ScaledWidth,
                        transform.ScaledHeight,
                        decoder.DpiX,
                        decoder.DpiY,
                        pixels
                        );

                    await encoder.FlushAsync(); //异步提交和刷新所有图像数据(这一步保存图片到文件)
                    Debug.WriteLine("保存成功:" + outputFile.Path);
                    return true;
                }
            }
            catch (Exception err)
            {
                Debug.WriteLine(err.Message);
                return false;
            }
        }
    }
}



    话说这个Demo还挺有用,平时压缩一个什么图片就这么一下子搞定了。

    注,这个方法我是从微软的官方示例里学到的,并修改了一下,地址 https://github.com/Microsoft/Windows-universal-samples/tree/master/Samples/SimpleImaging
版权声明:本文为博主原创文章,未经博主允许不得转载。

UWP 浏览本地图片及对图片的裁剪

UWP中图片裁剪的简单实现。
  • github_36704374
  • github_36704374
  • 2017年03月04日 17:35
  • 1421

uwp之图片旋转动画实现

先放效果图。类似网易云音乐播放音乐时封面旋转效果两种实现方式,分别是前端(xaml)和后台(c#代码)实现,右边的图片旋转是在xaml实现,左边的长方形(其实是个Button控件)旋转是在c#代码里面...
  • hzw2945
  • hzw2945
  • 2017年05月18日 14:44
  • 682

UWP xaml 圆形头像

现在很多软件都喜欢使用圆形头像 win10 uwp使用圆形头像很简单 ...
  • lindexi_gd
  • lindexi_gd
  • 2015年11月10日 11:21
  • 2592

Win10 UWP xaml 延迟加载元素

xaml新增x:DeferLoadStrategy="Lazy" 延迟加载,到了需要再使用FindName
  • lindexi_gd
  • lindexi_gd
  • 2015年11月09日 19:55
  • 2616

win10 uwp 圆角按钮

本文讲的是如何做圆角按钮,我们在UWP本来的按钮都是矩形,圆角Radius没有,所以本文就用简单方法去做圆角按钮。...
  • lindexi_gd
  • lindexi_gd
  • 2016年07月29日 17:33
  • 2989

Win 10 UWP开发系列:设置AppBarButton的图标

在WP8以前,页面最下面的四个小圆按钮是不支持绑定的,WP8.1 RT之后,系统按钮升级成了AppBarButton,并且支持绑定了。在Win10 UWP开发中,按钮的样式发生了变化,外面的圆圈没有了...
  • igweyou
  • igweyou
  • 2016年01月12日 10:12
  • 1825

win10 uwp 从StorageFile获取文件大小

本文主要:win10 uwp 获取文件大小
  • lindexi_gd
  • lindexi_gd
  • 2016年07月29日 10:28
  • 2310

win10 uwp 截图 获取屏幕显示界面保存图片

本文主要讲如何保存我们的屏幕显示的,保存为图片,也就是截图,截我们应用显示的。我们来总的说下,就是用一个滚动条把我们的一个Grid放进去,然后Grid里面存在一张图片和一个TextBlock,图片就是...
  • lindexi_gd
  • lindexi_gd
  • 2016年11月29日 10:33
  • 2475

UWP入门(七)--SplitView详解与页面跳转

官方文档,逼着自己用英文看,UWP开发离不开官方文档1. SplitView 拆分视图控件拆分视图控件具有一个可展开/可折叠的窗格和一个内容区域 singleObject ...
  • u011033906
  • u011033906
  • 2017年03月22日 15:43
  • 806

讲讲我在Windows10(uwp)开发中遇到的一些坑

7月29日发布的Windows10正式版,当天安装好以后,在网络不太好的情况下,经过多次尝试终于装上了Visual Studio 2015和Windows 10 10240的SDK.这两周一直在开发U...
  • igweyou
  • igweyou
  • 2015年12月22日 10:12
  • 3842
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UWP 图片压缩
举报原因:
原因补充:

(最多只允许输入30个字)