0

After exporting screens from Sketch 3 to PNG, the text is blurred

Check out: This Website

and see the three screens. It's almost not possible to read the screens. Even if you resize them it's not clear. Do you have any ideas on that?

  • Looks OK to me. If you want the text to be less 'blurred' or pixelated you need to export at a higher resolution. – Cai May 12 '16 at 11:38
  • You think its just the resolution? Because we export at 320px and its only 222px wide. – number005 May 12 '16 at 12:34
  • 1
    I had another look and the font rendering isn't great, but it isn't that bad either. I would export them at the correct size though to prevent any more distortions :) – Cai May 12 '16 at 12:40
  • As Cai said, it's always best to save graphics at the exact size you wish to display them, if possible. It's not quite as noticeable with photos, but with graphics (things like text/icons/etc) the resizing can lead to quality loss. – Manly May 12 '16 at 15:13
1

Your images are actually bigger than displayed in the website. This usually causes distortions. For best results resize the images in your graphic software and export them in the correct size.

The distortions are more visible due to the thin text in the images. In other types of images or with heavier font weights maybe this would be less perceptible.

-2

Go to VIEW-CANVAS-SHOW PIXEL ON ZOOM (unticked it).

  • 2
    this doesn't affect exported assets – Luciano Jun 11 at 12:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.