• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Images appear blurry in prototype link

Community Beginner ,
Jan 17, 2023 Jan 17, 2023

Copy link to clipboard

Copied

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.

TOPICS
Product performance , Prototyping , Share or publish

Views

290

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 17, 2023 Jan 17, 2023

Copy link to clipboard

Copied

Did you check with different browsers? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 17, 2023 Jan 17, 2023

Copy link to clipboard

Copied

Yes, as stated in my post

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 17, 2023 Jan 17, 2023

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 18, 2023 Jan 18, 2023

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 20, 2023 Jan 20, 2023

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 27, 2023 Jan 27, 2023

Copy link to clipboard

Copied

LATEST

Yes, you can download the XD file here: https://we.tl/t-dcbyJk5EII 

Prototype link is here: https://xd.adobe.com/view/73024078-add7-4981-8c29-2a4bdf8eb8e1-2651/ (2 pages)

I think you can reproduce the issue yourself though, by screenshotting something and putting it in XD or by making something in PSD and exporting it in XD and then make a prototype of it.

Glad to know your findings.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines