Qt Forum

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    • Unsolved

    Unsolved SVGs used for button icons are fuzzy on HighDPI devices

    QML and Qt Quick
    1
    1
    65
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Ben S
      Ben S last edited by

      I'm right now working on an app that's supposed to run on Win/Mac/Linux/Android/iOS. I have a ToolButton and a regular Button that set their icon property to be an SVG file. The icons look file on the desktop screens (which are not high DPI displays), but when I run the app on my Android Phone, Kindle Fire Tablet, or iPad Pro, the SVG icons don't look crisp anymore. Here is a screenshot taken from my Android phone:

      fuzzy_icons_android_highDPI.png

      It's a bit more subtle for the icon on the left, but more visible on the right. Notice the text "Render" is nice and crisp though. It looks more noticeable to a user on the iPad.I grabbed these two SVGs from Google's Material Design icon set, so they're know to be "good SVGs".

      Is there any way I can fix this to make the SVGs icons look nice and crisp? The main thing about "scalable vector graphics" is that they can scale up/down nicely and there isn't any issue whatsoever. It looks like these are being first rendered at a lower resolution, but then scaled up to fit the device's pixel ratio. I'm using Qt 6.2.

      1 Reply Last reply Reply Quote 0
      • First post
        Last post