Skip to main content
D
denik34680180
Participating Frequently
July 5, 2019
Question

Artboards are enlarged when shared for review

  • July 5, 2019
  • 3 replies
  • 1985 views

Hi,

 

I am working on a 1900x1000px artboard. Everything looks fine when I export images at 1x size manually. However, when I share for review, for some reason Adobe XD tend to enlarge artboards to 2x and this cause different anti-aliasing when viewing in a browser. Fonts are bolder and looking very weird, thin lines are larger, borders are not looking good etc... I'm assuming it is due to viewing at 50% since an image is enlarged, but you can't view it at 100% in a browser at 1080p.

 

This cause a lot of stress for me while working, especially because my clients are asking for a pixel perfect design. I have to export each artboard manually for them to look at, and then we use online specs for feedback.

 

I'm wondering why is that? It just doesn't make sense for me.

 

Cheers,

Deni

This topic has been closed for replies.

3 replies

D
denik34680180Author
Participating Frequently
August 6, 2019

As expected!

Perfect example of how big companies don't give a crap about their customers. Probably going to move on to competitors. SHAME!

jimw19347743
jimw19347743
Participant
February 25, 2020

It is truly unfortunate that this can't be resolved someway. I was excited to learn that Xd had this feature and have been wrestling with trying to get the share for review to show to scale in the browser as it should. This was always a problem as a designer showing clients layouts and having to explain that 'it will be a different size when it is built'. Then i discovered Invision. They get it and Adobe should take note from what they have created. Upload a 1x or 2x design and it isn't scaled for the user. This would seem like a no brainer when it comes to reviewing pixel-perfect layouts... Anyways, long story short you can't depend on this feature from Adobe... you'll just have to utilize Invision for your client interfacing. 

A
aasmag44364953
Participant
July 9, 2019

Hi Deni,

In order to render images properly without distortion at 1x displays (lower resolution), we let the browser handle appropriate scaling. But looks like it is not happening in your case. For us to investigate further, can you please share the following details ?

1. Browser

2. Browser version

3. OS

4. Monitor details and the display resolution.

Regards,

Aasma (Adobe)

D
denik34680180Author
Participating Frequently
July 9, 2019

Hi Aasma,

Sure, no problem.

Not sure how this will help, and why do you think it is related, but okay, here it is. It behaves the same in all major browsers. Clearly it's an issue on your part.

1. 'Google Chrome Version' and 'Firefox Quantum'

2. '75.0.3770.100 (Official Build) (64-bit)' and '67.0.4 (64-bit)'

3. Windows 10 Pro (64-bit)

4. Dell U2412M

Here's even inspected element with the developer's tool.

<canvas width="3840" height="2174" id="canvas-1" style="width: 100%; height: 100%; display: block; touch-action: pinch-zoom;"></canvas>

cmgap
Community Expert
cmgapCommunity Expert
Community Expert
July 9, 2019

The artboard scales with  the size of the browser window. If I follow your steps  and create an  artboard at 1900 x 1000, add content, share for review, open the link in a browser (firefox in this instance) the image size is indeed variable as it  scales  to the size  of  the  browser window as I expand or contract it. I would expect that behavior. Are you describing and instance where you don't  want the  art board  to scale accordingly?

HARSHIKA_VERMA
Community Manager
HARSHIKA_VERMACommunity Manager
Community Manager
July 5, 2019

Hi Deni,

Thank you for reaching out. I understand how you feel. I have tried to reproduce the same at my end. Yes, you are correct this is due to viewing at 50%. I would suggest trying to view using share for development and let us know if that helps.

Thanks,

Harshika

cmgap
Community Expert
cmgapCommunity Expert
Community Expert
July 5, 2019

Is this a known bug? Is there a difference in how a prototype will be represented when using share for development versus share for review?

D
denik34680180Author
Participating Frequently
July 5, 2019

cmgap  wrote

Is this a known bug? Is there a difference in how a prototype will be represented when using share for development versus share for review?

The difference between is that in 'share for development' you can click on elements to see styles, also you can export assets.

In 'share for review' you have only an image and clients can pin/point comment on it. For instance, it's the same thing if you manually export an artboard, but unfortunately for some reason Adobe XD double up the size of artboards and this makes it awful looking at 50% on normal displays.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices