WPF中如何实现图像1:1像素完美显示？

为什么Stretch="None"仍会放大图像 #

WPF默认采用**设备无关单位（1/96英寸）**进行布局，图像的显示尺寸会根据自身DPI与系统屏幕DPI的比例自动缩放。比如你的24x24图像如果是72 DPI，而系统DPI是96，WPF会按96/72≈1.333的比例放大，最终显示为32x32——这和Stretch属性无关，Stretch控制的是图像是否拉伸适配容器，而非是否按DPI比例缩放。

实现图像像素与屏幕像素1:1对应（Pixel Perfect） #

要彻底实现1:1像素映射，需从图像解码、渲染模式、DPI适配三方面入手：

1. 强制按原始像素尺寸解码 #

忽略图像自带的DPI信息，直接指定解码后的像素尺寸，确保图像在WPF中以原始像素数加载：

<Image Stretch="None">
    <Image.Source>
        <BitmapImage UriSource="your_image.png" 
                     DecodePixelWidth="24" 
                     DecodePixelHeight="24" />
    </Image.Source>
</Image>

2. 启用点过滤渲染 #

设置BitmapScalingMode为NearestNeighbor，避免WPF默认的双线性插值导致的模糊/额外像素，保证像素边缘锐利：

<Image Stretch="None"
       RenderOptions.BitmapScalingMode="NearestNeighbor">
    <Image.Source>
        <BitmapImage UriSource="your_image.png" 
                     DecodePixelWidth="24" 
                     DecodePixelHeight="24" />
    </Image.Source>
</Image>

3. 适配不同屏幕DPI的1:1映射 #

如果需要在不同DPI的屏幕上都保持图像像素与屏幕像素1:1，需动态计算图像的布局尺寸（设备无关单位）：

// 在代码中获取控件的DPI信息
var dpi = VisualTreeHelper.GetDpi(yourImageControl);
int originalPixelSize = 24;
// 计算对应设备无关单位的尺寸
yourImageControl.Width = originalPixelSize / (dpi.DpiX / 96);
yourImageControl.Height = originalPixelSize / (dpi.DpiY / 96);

同时保持BitmapScalingMode为NearestNeighbor，即可实现跨设备的1:1像素映射。

若1:1映射不可行，保证显示一致性 #

如果因系统强制DPI缩放等原因无法实现严格1:1，可通过以下方式保证所有图像实例显示一致，且额外像素均匀分布：

• 全局设置BitmapScalingMode为NearestNeighbor，避免插值差异：

  // 在App.xaml.cs的OnStartup方法中设置
  RenderOptions.SetBitmapScalingMode(Application.Current.MainWindow, BitmapScalingMode.NearestNeighbor);
  

• 统一所有图像实例的解码参数（DecodePixelWidth/DecodePixelHeight），确保加载的像素尺寸一致
• 开启UseLayoutRounding，让布局对齐到像素边界，避免偏移导致的显示差异：

  <Window UseLayoutRounding="True" ...>
  

内容的提问来源于stack exchange，提问作者Kevin Uchiha