Loss of quality when exporting images

New Here ,
Jan 11, 2021 Jan 11, 2021

Copy link to clipboard

Copied

My team has come to rely on Xd but this level of pixellation when exporting images is forcing us to look into other programs. (Both of these images are at 1x and have been exported in the method recommended by the Adobe tutorial.) Was there a bug in the latest update that would account for this at all? It seems to have worsened over time.

 

Screen Shot 2021-01-11 at 3.57.36 PM.png

 

Views

285

Likes

translate

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

correct answers 1 Correct Answer

Adobe Community Professional , Jan 20, 2021 Jan 20, 2021
Those 2 images are entirely different resolutions (one low and the other much higher) so one was either exported at a higher resolution or it was larger size to begin with.   1x images WILL be pixelated because they are low res. 2x images will not be as pixelated because they are 2x the width and 2x the height (giving them 4x the total number of pixels).   In XD you should be designing at 1x and exporting for Web (Designed at 1x). This will give you 1x and 2x versions of your graphics.   Here's ...

Likes

translate

Translate

Translate
Adobe Employee ,
Jan 12, 2021 Jan 12, 2021

Copy link to clipboard

Copied

Hi there,

 

I understand how annoying it could be and I am sorry for the frustration. I would suggest checking this article: https://medium.com/thinking-design/protip-exporting-assets-in-adobe-xd-c586996de703 and see if this makes your experience better.

 

I will also share the feedback with the team for making improvements in the future.

 

I am sorry for the inconvenience.

 

Thanks,

Harshika

Likes

translate

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
New Here ,
Jan 13, 2021 Jan 13, 2021

Copy link to clipboard

Copied

I appreciate the quick response @HARSHIKA_VERMA , but that page is giving me a 404.

Likes

translate

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, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Hi Kelsey,

 

I am sorry for the delay in response and for the incorrect link. Here is the correct link: https://medium.com/thinking-design/protip-exporting-assets-in-adobe-xd-c586996de703

 

Hope it helps.

 

Thanks,

Harshika

Likes

translate

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 Community Professional ,
Jan 20, 2021 Jan 20, 2021

Copy link to clipboard

Copied

Those 2 images are entirely different resolutions (one low and the other much higher) so one was either exported at a higher resolution or it was larger size to begin with.

 

1x images WILL be pixelated because they are low res. 2x images will not be as pixelated because they are 2x the width and 2x the height (giving them 4x the total number of pixels).

 

In XD you should be designing at 1x and exporting for Web (Designed at 1x). This will give you 1x and 2x versions of your graphics.

 

Here's an article I wrote explaining 1x versus 2x in a general sense (it's not specific to XD, but the concepts can be applied to any app). I hope it helps. https://www.danrodney.com/blog/retina-web-graphics-explained-1x-versus-2x-low-res-versus-hi-res/

 


— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

Likes

translate

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