Skip to main content
bonirving
bonirving
Participating Frequently
April 13, 2020
Answered

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

  • April 13, 2020
  • 2 replies
  • 1810 views

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}

This topic has been closed for replies.
Correct answer Peter Villevoye

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.

2 replies

Peter Villevoye
Community Expert
Peter VillevoyeCommunity ExpertCorrect answer
Community Expert
April 14, 2020

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
    bonirvingAuthor
    Participating Frequently
    April 15, 2020

    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.

    Rishabh_Tiwari
    Rishabh_Tiwari
    Legend
    April 13, 2020

    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
      bonirvingAuthor
      Participating Frequently
      April 15, 2020

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

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