Qt使用QPainter绘制图像模糊，如何实现Windows看图器级清晰度？

问题描述 #

使用QPainter的drawPixmap()绘制图像时，缩小后的结果清晰度远低于Windows自带图像查看器的缩放效果，存在明显锯齿。尝试设置QPainter::Antialiasing和QPainter::SmoothPixmapTransform渲染提示仅略有改善，测试过OpenGL、webEngine、QGraphicsView等多种显示方式，清晰度均不如Windows自带查看器。确认图像本身无问题——放大绘制时可正常显示细节。需求是在Qt中实现与Windows自带软件同级的图像绘制清晰度，缩小图像时避免锯齿。

补充说明：最小复现代码 #

canvaswidget.h #

#ifndef CANVASWIDGET_H
#define CANVASWIDGET_H

#include <QWidget>

class CanvasWidget : public QWidget
{
    Q_OBJECT
public:
    explicit CanvasWidget(QImage img, QWidget *parent = nullptr);
    void zoomIn();
    void zoomOut();

signals:

protected:
    QSize sizeHint();
    void paintEvent(QPaintEvent *event) override;
    void wheelEvent(QWheelEvent *event) override;

private:
    qreal scale;
    QPixmap pixmap;
};

#endif // CANVASWIDGET_H

canvaswidget.cpp #

#include "canvaswidget.h"
#include <QWheelEvent>
#include <QPainter>
#include <QPixmap>

CanvasWidget::CanvasWidget(QImage img, QWidget *parent)
    : QWidget{parent}, scale(1.0)
{
    // make sure high resolution source
    pixmap = QPixmap::fromImage(img.scaled(img.size() * 10, Qt::KeepAspectRatio, Qt::SmoothTransformation));
}

void CanvasWidget::zoomIn() {
    scale = fmin(scale + 0.1, 10);
    update();
}

void CanvasWidget::zoomOut() {
    scale = fmax(scale - 0.1, 0.1);
    update();
}

void CanvasWidget::paintEvent(QPaintEvent *event) {
    if(!pixmap) {
        return QWidget::paintEvent(event);
    }
    QPainter p(this);

    p.setRenderHint(QPainter::Antialiasing);
    p.setRenderHint(QPainter::SmoothPixmapTransform);
    p.drawPixmap(0,0,width() * scale,height() * scale, pixmap); // draw image
}

void CanvasWidget::wheelEvent(QWheelEvent *event)
{

    if(event->modifiers() == Qt::ControlModifier) {
        QPointF delta = event->angleDelta();
        int v_delta = delta.y();
        if(v_delta > 0) {
            zoomIn();
        } else {
            zoomOut();
        }
        update();
        adjustSize();
    } else {
        QWidget::wheelEvent(event);
    }
}
QSize CanvasWidget::sizeHint()
{
    return QSize(800,800);
}

补充说明2 #

使用的图像格式为QImage::Format_ARGB32，尺寸为QSize(1541, 1188)，是一个25KB的PNG图像。示例中左侧为Demo运行结果，右侧为Windows自带图像查看器显示效果。

解决方案 #

1. 提前预缩放至目标尺寸 #

Windows图像查看器会提前对图像进行高质量缩放，而非实时拉伸。修改paintEvent，先将Pixmap缩放到目标显示尺寸再绘制：

void CanvasWidget::paintEvent(QPaintEvent *event) {
    if(!pixmap) {
        return QWidget::paintEvent(event);
    }
    QPainter p(this);
    p.setRenderHint(QPainter::SmoothPixmapTransform);
    
    QSize targetSize(width() * scale, height() * scale);
    QPixmap scaledPixmap = pixmap.scaled(targetSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
    p.drawPixmap(0, 0, scaledPixmap);
}

2. 启用平台原生渲染优化 #

针对Windows平台，强制使用GDI+后端可获得更接近系统查看器的缩放效果，在程序启动时添加：

#include <QApplication>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_UseGdiPlus);
    QApplication a(argc, argv);
    // ... 其他代码
    return a.exec();
}

同时确保启用最高质量渲染提示：

p.setRenderHint(QPainter::HighQualityAntialiasing);
p.setRenderHint(QPainter::SmoothPixmapTransform);

3. 移除不必要的预放大操作 #

当前代码将原始图像放大10倍转为Pixmap，会增加内存占用并引入额外采样误差，直接使用原始图像即可：

CanvasWidget::CanvasWidget(QImage img, QWidget *parent)
    : QWidget{parent}, scale(1.0)
{
    pixmap = QPixmap::fromImage(img);
}

4. 使用QGraphicsView的成熟渲染逻辑 #

改用QGraphicsView可利用其自适应缩放的采样机制，提升缩小图像的清晰度：

// 初始化代码示例
QGraphicsView* view = new QGraphicsView();
view->setRenderHint(QPainter::SmoothPixmapTransform);
view->setRenderHint(QPainter::HighQualityAntialiasing);

QGraphicsPixmapItem* item = new QGraphicsPixmapItem(pixmap);
item->setTransformationMode(Qt::SmoothTransformation);

QGraphicsScene* scene = new QGraphicsScene();
scene->addItem(item);
view->setScene(scene);

5. 利用OpenGL GPU加速（可选） #

启用OpenGL后端，利用GPU的高质量纹理过滤减少锯齿：

// 程序启动时设置OpenGL格式
QSurfaceFormat format;
format.setSamples(4); // 开启MSAA抗锯齿
format.setVersion(3, 3);
format.setProfile(QSurfaceFormat::CoreProfile);
QSurfaceFormat::setDefaultFormat(format);

// 使用QOpenGLWidget作为绘制载体

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