Images appear blurry in prototype link

Forum|Forum|3 years ago
January 17, 2023
2 replies
1078 views

Hi, when I screenshot something on Windows using native screenshot tool, and place that image in a XD file, then make a shareable link of the design, and view it in the browser, that screenshot is pixelated/blurry/not sharp.

Also happens when I export something in png or jpg from Photoshop into XD.

It's not happening with large resolution images downloaded from somewhere.

Attached you'll see an example.

It has nothing to do with image type (png and jpg has issue), also nothing do to with size of image in resolution or kb/mb.

Also nothing to do with my screens or percentage I'm viewing XD or browser.

Tested in all browsers.

So seems like a bug in XD.

Please help.

This topic has been closed for replies.

HARSHIKA_VERMA

Community Manager

Hi @dylank18825810,

Thank you for reaching out, and sorry to hear that the images are showing blurry in prototype link. I assume it’s getting pixelated because when we share, we have to limit all bitmaps to being under WebGL’s max texture size. For the devices, we support the common denominator is 4096x4096px. Because we export at 2x, that becomes 2048px."

In order to avoid the situation, it's suggested to not use images with an area larger than 2048x2048 in a design.

Let us know if that helps.

Thanks,

Harshika

D

dylank18825810Author

Known Participant

Thanks for reaching out, but my image in the example is not bigger than 2048x2048. It's even happening on images that are 200x200 for example.

HARSHIKA_VERMA

Community Manager

Thanks for confirming. Could you please share the XD file with me so that I can check on my end? Please upload the file to a shared location such as CC or Dropbox and share the URL.

I will try my best to help.

Thanks,

Harshika