Skip to main content
T
TheChesterCat
Known Participant
June 15, 2021
Question

Images appear blurry in mobile app previews

  • June 15, 2021
  • 3 replies
  • 2336 views

I've seen many people report this same issue, and the only recommended solution seems to be to scale down the resolution of images from some ludicrous size like 14k pixels. I'm previewing images that are a pretty standard size (1000 x 2000 px, jpg's or png's). These images, no matter what, appear blurry / pixellated in the mobile app preview.

I've tried all sorts - different art board sizes, exporting various sizes to test, making a new document and just copy + pasting the images in. The images look perfect on the web preview; and rightly so, there's nothing wrong with the images. Why does the phone butcher the image quality? Why is such a basic thing getting so little attention? Surely anyone trying to preview any prototypes that include imagery are having the same issue?

This topic has been closed for replies.

3 replies

Y
yotam273001319uph
Participant
September 19, 2024

HI,
Did you find a solution to this problem by any chance?
I've got the same issue, my images seems fine on web but when i open them on a mobile (galaxy A54) it's pixelated. I've edited the images in ps to be no more then 2048px on the long side and updated the link but it didn't solve the problem.
Would appriciate any help, i've been working on my website for weeks. If the images are pixelated the website is pretty much useless..
Thank you

T
TheChesterCatAuthor
Known Participant
September 20, 2024

Hi there - unfortunately, my solution to this problem (and all of my other thousands of XD issues) was migrating to Figma.

 

Adobe didn't bother to address a single major problem with XD for the years I used it, and then they decided to try to buy Figma - failed to do so - and then sunsetted Adobe XD. It's a joke quite frankly.

 

I know it's disheartening but, you will not find an answer to this problem. Figma will give you the support you need, and while migrating is time-consuming, it's not as difficult as it seems. Once you're in Figma, you will never look back - it's far easier to use, far closer to what the developers are actually working with (making communicating the design far easier), and has far more tools to actually create high-quality designs.

 

Escape XD (and preferably CC Suite), and come into the light. Lol.

Y
yotam273001319uph
Participant
September 20, 2024

Thanks for the advice, I might check it out. I just made my photography portfolio, probably not gonna make more websites. Would you recommend figma for portfolios? If it's easier and faster for the long run to do changes in the websites I might start over there.

Thanks!

marliton
Community Expert
marlitonCommunity Expert
Community Expert
June 17, 2021

Hi. Can you share a screenshot from the mobile device?

Doesn't matter what image resolution do you use, if you preview it on a small screen it's possible you see the image at low resolution because of the mobile screen resolution limit. Mainly, you'll lose little details in the image.

 

Marlon Ceballos
Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
June 16, 2021

Are you using an Android or iOS mobile device?

 

Are you loading the XD file from the cloud or using the live device preview over USB from a Mac/PC (these are 2 different ways to view XD files on the mobile app)?

 

What size is your artboard?

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
T
TheChesterCatAuthor
Known Participant
June 17, 2021

Hi, thanks for getting back to me. I'm previewing this from the cloud using the XD app, on an Android device (Archos Oxygen 68XL). It's running a pretty recent version of Android, but as you can tell from the name the screen is rather big. I'm wondering if perhaps the screen-size has something to do with it?

 

I may test this on other phones just to clarify that point.

 

My artboards are 224 x 464. Though in my experience, the artboard size made no difference - I tested this with an artboard using the standard iPhone 12 Pro Max size, with the same exact image copied + scaled to fit. The image was still notably pixellated versus the web preview.

Dan Rodney
Community Expert
Dan RodneyCommunity Expert
Community Expert
June 17, 2021

224 x 464 is a very small artboard (the smallest iPhone was 320 wide), but even with a small artboard it should still look fine when viewed at 100%. If you're saying the iPhone 12 Pro Max size of 428 x 926 still looks pixellated there's something else wrong. I've only used the XD app on an iPhone (which does not look pixelated) so maybe there's something different is happening with the Android mobile app.

 

I wish I could help troubleshoot, but I'll have to leave it to others who have Android devices to advise. 

— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices