Alexander Lee Posted August 30, 2022 Share Posted August 30, 2022 (edited) Hi, my logo image works correctly on Windows, where it matches the resolution of the screen. However on MacOS with Retina (resolution scaling) the logo appears too large, which makes it blurry and pixelated (see attached image). Is there a way I can upload an svg logo to avoid this scaling problem? Or custom CSS to force the logo to stay actual size? Thanks! Edited August 30, 2022 by Alexander Lee better screenshot Link to comment Share on other sites More sharing options...
Alexander Lee Posted August 31, 2022 Author Share Posted August 31, 2022 update: I uploaded a double resolution png and that seemed to solve the problem for now. I would still love to hear any other solutions people have used Link to comment Share on other sites More sharing options...
Solution Jim M Posted August 31, 2022 Solution Share Posted August 31, 2022 10 hours ago, Alexander Lee said: update: I uploaded a double resolution png and that seemed to solve the problem for now. I would still love to hear any other solutions people have used This is how this solution would likely be resolved with an image. Roughly speaking, high-DPI displays have twice as many pixels per inch than their traditional counterparts. For images to look good on those screens, they need to be twice as large. Currently, to work with an SVG or custom CSS, this would require customization which is outside our scope of support. Alexander Lee 1 Link to comment Share on other sites More sharing options...
Alexander Lee Posted September 14, 2022 Author Share Posted September 14, 2022 Thanks Jim! Link to comment Share on other sites More sharing options...
Recommended Posts