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

[bonirving]

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}

[Rishabh_Tiwari]

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

[bonirving]

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

[Peter Villevoye · Accepted solution]

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.

[bonirving]

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.