WPF中同分辨率图片显示大小不一致的原因及解决方法

问题原因 #

核心原因是两张图片的DPI（每英寸点数）不同。

WPF的布局系统基于设备无关单位（1单位 = 1/96英寸），加载图片时会自动根据图片的DPI值进行缩放，以保证图片的物理尺寸符合其DPI定义：

• 若图片DPI为96（WPF默认基准DPI），1像素对应1个设备无关单位，显示大小与像素数一致；
• 若图片DPI低于96（比如72），WPF会将图片放大 96/图片DPI 倍，确保物理尺寸符合图片的DPI设定。

而BitmapImage.PixelHeight/PixelWidth仅记录图片的像素总数，与DPI无关，所以两张分辨率相同的图片这两个数值一致，但显示时因DPI缩放规则导致视觉大小差异。

正确解决办法 #

方案1：强制按像素尺寸显示（忽略DPI） #

加载图片时统一设置DPI为96，消除DPI差异对显示的影响，让图片严格按像素数显示：

private void Image_Initialized(object sender, EventArgs e)
{
    var imagePath = OpenFileDialog();
    if (imagePath != null)
    {
        BitmapImage bitmap = new BitmapImage();
        bitmap.BeginInit();
        bitmap.UriSource = new Uri(imagePath);
        // 强制将图片DPI设为WPF基准DPI 96
        bitmap.DpiX = 96;
        bitmap.DpiY = 96;
        bitmap.EndInit();

        TestImage.Source = bitmap;
        TestImage.Height = bitmap.PixelHeight;
        TestImage.Width = bitmap.PixelWidth;
        this.Height = bitmap.PixelHeight;
        this.Width = bitmap.PixelWidth;
        TestImage.MouseDown += TestImage_MouseDown;
    }
}

方案2：按统一物理尺寸显示 #

若希望图片保持一致的物理显示尺寸，可根据图片DPI计算对应的设备无关单位，再设置控件大小：

private void Image_Initialized(object sender, EventArgs e)
{
    var imagePath = OpenFileDialog();
    if (imagePath != null)
    {
        BitmapImage bitmap = new BitmapImage(new Uri(imagePath));
        TestImage.Source = bitmap;

        // 计算DPI缩放比例，将像素转换为统一的设备无关单位
        double dpiScale = 96.0 / bitmap.DpiX;
        TestImage.Height = bitmap.PixelHeight * dpiScale;
        TestImage.Width = bitmap.PixelWidth * dpiScale;
        this.Height = bitmap.PixelHeight * dpiScale;
        this.Width = bitmap.PixelWidth * dpiScale;
        
        TestImage.MouseDown += TestImage_MouseDown;
    }
}

方案3：解码时强制指定尺寸 #

加载图片时直接指定解码后的像素尺寸，绕过DPI缩放逻辑：

private void Image_Initialized(object sender, EventArgs e)
{
    var imagePath = OpenFileDialog();
    if (imagePath != null)
    {
        // 先获取图片原始像素尺寸
        int pixelWidth, pixelHeight;
        using (var fileStream = new FileStream(imagePath, FileMode.Open, FileAccess.Read))
        {
            var frame = BitmapFrame.Create(fileStream);
            pixelWidth = frame.PixelWidth;
            pixelHeight = frame.PixelHeight;
        }

        BitmapImage bitmap = new BitmapImage();
        bitmap.BeginInit();
        bitmap.UriSource = new Uri(imagePath);
        // 强制按原始像素尺寸解码
        bitmap.DecodePixelWidth = pixelWidth;
        bitmap.DecodePixelHeight = pixelHeight;
        bitmap.EndInit();

        TestImage.Source = bitmap;
        TestImage.Height = pixelHeight;
        TestImage.Width = pixelWidth;
        this.Height = pixelHeight;
        this.Width = pixelWidth;
        TestImage.MouseDown += TestImage_MouseDown;
    }
}

内容的提问来源于stack exchange，提问作者Михаил