[Interest] How to render small Images decently on non retina displays with QtQuick?

[Nuno Santos]

Mitch,

Thanks for your reply. 

You are right. I’m not playing all the cards…

Original image attached (it is white over transparent so you will not see it in the email body. The file is called isotope.png) 

The item who renders this is the following:

import QtQuick 2.4

Item {
    id: root
    implicitWidth: 100
    implicitHeight: 100

    property real padding: 0
    property alias imageSource: icon.source
    property color imageColor: controller.settings.foregroundColor

    Image {
        id: icon
        anchors.fill: parent
        anchors.margins: root.padding
        fillMode: Image.PreserveAspectFit
    }

    ColorOverlay {
        id: overlay
        source: icon
        anchors.fill: icon
        color: root.imageColor
    }
}






> On 6 Mar 2018, at 15:41, Mitch Curtis <mitch.curtis at qt.io> wrote:
> 
> Can you elaborate on “really bad”, and also share a screenshot?
>  
> From: Interest [mailto:interest-bounces+mitch.curtis=qt.io at qt-project.org <mailto:interest-bounces+mitch.curtis=qt.io at qt-project.org>] On Behalf Of Nuno Santos
> Sent: Tuesday, 6 March 2018 4:27 PM
> To: Qt Project MailingList <interest at qt-project.org <mailto:interest at qt-project.org>>
> Subject: [Interest] How to render small Images decently on non retina displays with QtQuick?
>  
> Hi,
>  
> I have a simple question. 
>  
> How to render small Images decently on non retina displays with QtQuick?
>  
> In my apps, I use images for icons and logos. They are all big enough to be displayed correctly. 
>  
> However, on non Retina displays they get really bad! And on retine display they appear perfectly. 
>  
> What is the rule of thumb to use QtQuick Image element on on retina displays?
>  
> Thx!
>  
> Regards,
>  
> Nuno

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.qt-project.org/pipermail/interest/attachments/20180306/eaba353a/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: non-retina-rendering.png
Type: image/png
Size: 1888 bytes
Desc: not available
URL: <http://lists.qt-project.org/pipermail/interest/attachments/20180306/eaba353a/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: retina-rendering.png
Type: image/png
Size: 6481 bytes
Desc: not available
URL: <http://lists.qt-project.org/pipermail/interest/attachments/20180306/eaba353a/attachment-0001.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: isotype.png
Type: image/png
Size: 37907 bytes
Desc: not available
URL: <http://lists.qt-project.org/pipermail/interest/attachments/20180306/eaba353a/attachment-0002.png>