WinForms中PictureBox绘制小图偏移0.5像素的问题排查

这个问题我之前也碰到过，本质是GDI+的像素对齐逻辑和插值模式的组合坑——咱们一点点拆解解决：

问题根源 #

WinForms的GDI+绘制系统采用的是基于浮点数的坐标系统，整数坐标其实落在像素的边缘而非中心。当你把10×10的小图放大到700×700时，从(0,0)开始绘制的话，GDI+会把图片的边缘“卡”在像素缝隙上，导致视觉上偏移0.5px，再加上插值模式的模糊效果，边框自然就宽窄不均了。

具体解决方案 #

1. 手动添加0.5px坐标偏移，对齐像素中心 #

在绘制时，把目标区域的起始坐标从(0,0)改成(0.5f, 0.5f)，让图片的每个像素都精准对齐到PictureBox的像素中心，彻底解决偏移问题。

2. 切换到适合硬边缘的插值模式 #

既然你的原图是带1px硬边框的小图，别用默认的双线性/双三次插值（会模糊边缘），改用NearestNeighbor（最近邻插值），它会直接复制像素，放大后边缘锐利，边框宽度完全一致。

3. 关闭平滑渲染，避免额外模糊 #

关闭GDI+的平滑模式，防止系统自动给边缘加模糊效果，进一步保证边框的清晰度。

完整代码示例 #

把PictureBox的SizeMode设为Normal，然后在它的Paint事件里写绘制逻辑：

private void pictureBox1_Paint(object sender, PaintEventArgs e)
{
    // 加载你的10×10带边框图片
    using var sourceImg = Bitmap.FromFile("your_image.png");
    // 计算缩放比例：700/10=70，根据实际需求调整
    float scaleFactor = 70f;
    // 目标绘制区域：起始点偏移0.5f，宽高按比例放大
    var destRect = new RectangleF(0.5f, 0.5f, sourceImg.Width * scaleFactor, sourceImg.Height * scaleFactor);

    // 配置绘制参数
    e.Graphics.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.NearestNeighbor;
    e.Graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.None;
    // 关闭像素偏移校正（如果开启的话会干扰手动偏移）
    e.Graphics.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.None;

    // 绘制图片
    e.Graphics.DrawImage(sourceImg, destRect);
}

额外注意点 #

• 如果你的PictureBox大小不是原图的整数倍，可能需要微调缩放比例，或者用DrawImage的重载参数来控制拉伸方式；
• 别用PictureBox的StretchImage模式，它的自动缩放逻辑会引入不可控的偏移，手动在Paint事件绘制是最靠谱的方式。

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