{"id":284,"date":"2017-02-05T04:06:15","date_gmt":"2017-02-05T09:06:15","guid":{"rendered":"http:\/\/eastfist.com\/qt_tutorials\/?p=284"},"modified":"2017-08-26T03:25:40","modified_gmt":"2017-08-26T09:25:40","slug":"fixing-windows-10-aspect-ratio-scaling-problem-for-lower-resolution-display","status":"publish","type":"post","link":"https:\/\/eastfist.com\/qt_tutorials\/fixing-windows-10-aspect-ratio-scaling-problem-for-lower-resolution-display\/","title":{"rendered":"Fixing Windows 10 Aspect Ratio Scaling Problem For Lower Resolution Display"},"content":{"rendered":"

You may notice if you’re still deploying applications using resolutions less than 800x600x72dpi on Windows 10 that the autoscaling for the aspect ratio might be wonky. That’s because all these new fancy operating systems are trying to cater to ultra high resolution\/density screens these days, and if you’re building an old-fashion 2D game engine that doesn’t require too much screen resolution, the final output might be thrown off a bit. Sometimes it’s just the graphics card, but in Windows 10 case, it seems it’s built into the operating system. Anyway, this is how I “fixed” it.<\/p>\n

\"Example<\/a>
Example of incorrect aspect ratio in Windows 10 auto-scaling fullscreen<\/figcaption><\/figure>\n

<\/p>\n

Luckily, Windows 10 and my graphics card automatically changes the resolution so that legacy resolution is centered corrected for wide aspect ratio screen. However, notice the graphics don’t scale to fit the entire screen as it would on an older operating system, despite the application being programmed to fit the window for target resolution of 640×480.<\/p>\n

\"To<\/a>
To fix Windows 10 automatic aspect ratio scaling for lower resolutions, in this case 640x480x72dpi, you’ll need to enable compatibility mode settings<\/figcaption><\/figure>\n

You can deduce by the way it automatically scaled that it’s still proportional, and if you’re aware, new computer displays have higher density resolutions of more than 72dpi these days. So to fix the incorrect scaling aspect ratio, you’ll have to right click on the application icon and go to “Compatibility” tab and check the “Disable display scaling on high DPI settings” in the “Settings” group. You don’t have to check “Run in 640×480 screen resolution” or touch any other setting.<\/p>\n

\"Voila!<\/a>
Voila! After disabling high resolution dpi scaling, Windows 10 displays legacy resolutions correctly<\/figcaption><\/figure>\n

And that should fix it! Now, the problem with this is the end-user might not know how to resolve this when they first load your application. So you might have to deploy your application with instructions or provide a shortcut icon with these flags preset and instruct the user to click on the icon instead of the application icon itself. I’m sure there is a way to preset this, but I’ll have to look into it.<\/p>\n","protected":false},"excerpt":{"rendered":"

You may notice if you’re still deploying applications using resolutions less than 800x600x72dpi on Windows 10 that the autoscaling for the aspect ratio might be wonky. That’s because all these new fancy operating systems are trying to cater to ultra high resolution\/density screens these days, and if you’re building an old-fashion 2D game engine that … <\/p>\n

Continue reading “Fixing Windows 10 Aspect Ratio Scaling Problem For Lower Resolution Display”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,74],"tags":[96,90,93,60,94,95,3,91,89,19,88,92],"class_list":["post-284","post","type-post","status-publish","format-standard","hentry","category-qt-2","category-sdxm-2","tag-api","tag-aspect-ratio","tag-automatic","tag-fix","tag-high-resolution","tag-nvidia","tag-qt","tag-resolution","tag-scaling","tag-tutorial","tag-windows-10","tag-windows-api"],"_links":{"self":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":8,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":321,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/posts\/284\/revisions\/321"}],"wp:attachment":[{"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eastfist.com\/qt_tutorials\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}