All Collections
FAQ
FAQs for Design
How to Avoid Blurry Images, use Retina Images, and Vectors (SVGs)
How to Avoid Blurry Images, use Retina Images, and Vectors (SVGs)

Make your prototype look sharp

Michal avatar
Written by Michal
Updated over a week ago

If your prototype, or your website have low resolution/blurry images, while in Sketch they are much sharper:

For Sketch:

  1. On Sketch, select the blurry image layer

  2. Find the Exportable preset panel in Sketch bottom-right

  3. For Retina - Mark the Exportable asset as @2x
    For Vector - Mark the Exportable asset as @1x, SVG 

  4. Preview in Browser to view results

For Adobe XD:

For Figma:

Get Started with Anima!

Did this answer your question?