Highlighted

Rendering to image are not pixel perfect when exported as jpeg in Adobe XD

Community Beginner ,
Apr 12, 2020

Copy link to clipboard

Copied

I created a button with perfect pixel width and height of 220x65 px then export the file from XD to jpg (sample.jpg), and when I open it on Photoshop then zoom in to it to see if its clean straight but its not. And then to be fair I also did the same for the Photoshop I create exact the same button with the same size then export it to jpg (sample2.jpg). and open it once again using PS then zoom and its perfect straight.

 

{Renamed By MOD}

Adobe Community Professional
Correct answer by Peter_Villevoye | Adobe Community Professional

I just tested it and a 65 x 65 green square with some text exports perfectly to a JPEG of 65 x 65 pixels in Photoshop. Could you clarify what you mean by "clean straight" ?

 

I do remember that the 100% quality settings of Adobe XD isn't what a true JPEG algorithm would save as 100% (you can spot some color degrading in the edges and borders). But this flaw shouldn't affect the size.

Topics

Import and export

Views

266

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

Rendering to image are not pixel perfect when exported as jpeg in Adobe XD

Community Beginner ,
Apr 12, 2020

Copy link to clipboard

Copied

I created a button with perfect pixel width and height of 220x65 px then export the file from XD to jpg (sample.jpg), and when I open it on Photoshop then zoom in to it to see if its clean straight but its not. And then to be fair I also did the same for the Photoshop I create exact the same button with the same size then export it to jpg (sample2.jpg). and open it once again using PS then zoom and its perfect straight.

 

{Renamed By MOD}

Adobe Community Professional
Correct answer by Peter_Villevoye | Adobe Community Professional

I just tested it and a 65 x 65 green square with some text exports perfectly to a JPEG of 65 x 65 pixels in Photoshop. Could you clarify what you mean by "clean straight" ?

 

I do remember that the 100% quality settings of Adobe XD isn't what a true JPEG algorithm would save as 100% (you can spot some color degrading in the edges and borders). But this flaw shouldn't affect the size.

Topics

Import and export

Views

267

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
Adobe Employee ,
Apr 13, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. I was unable to reproduce this, could you please share a small video of the workflow and both the files from Photoshop and XD so that we can test it on our end. To share these you can add it to cloud storage and share the link here. Also, I am sending you this jpeg(https://adobe.ly/3cguBD8), I'd request you to test this and share your observation.

 

Regards

Rishabh

 

 

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
Reply
Loading...
Community Beginner ,
Apr 14, 2020

Copy link to clipboard

Copied

I will make a video regarding this. Thanks for replying.

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
Reply
Loading...
Adobe Community Professional ,
Apr 13, 2020

Copy link to clipboard

Copied

I just tested it and a 65 x 65 green square with some text exports perfectly to a JPEG of 65 x 65 pixels in Photoshop. Could you clarify what you mean by "clean straight" ?

 

I do remember that the 100% quality settings of Adobe XD isn't what a true JPEG algorithm would save as 100% (you can spot some color degrading in the edges and borders). But this flaw shouldn't affect the size.

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
Reply
Loading...
Community Beginner ,
Apr 14, 2020

Copy link to clipboard

Copied

This answers my question. Yeah, It's right that it didn't affect the size of the shape. What I notice is that the rendered JPEG from Adobe XD has color degrading in the edges and borders of the shape. You're right @Peter_Villevoye and thank you.

 

I know it's not that big of a deal for some but as an UX / UI designer some clients always preffered JPEG file for checking and feedbacks, and as for me it is noticeable at some part when I'm checking my own work and it's like they have a glow on the edges.

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
Reply
Loading...