Anima

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

Find the Exportable preset panel in Sketch bottom-right

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

Preview in Browser to view results

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

<a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a>

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima" rel="nofollow noopener noreferrer" target="_blank">How to Publish a Website and Host it With Anima</a>

<a href="https://support.animaapp.com/en/articles/2641923-how-to-handoff-design-specs-to-developers">How to Handoff Design Specs to Developers</a>

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>

<a href="https://support.animaapp.com/en/articles/2644596-team-collaboration">Team Collaboration</a>

- <a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima" rel="nofollow noopener noreferrer" target="_blank">How to Publish a Website and Host it With Anima</a>
- <a href="https://support.animaapp.com/en/articles/2641923-how-to-handoff-design-specs-to-developers">How to Handoff Design Specs to Developers</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>
- <a href="https://support.animaapp.com/en/articles/2644596-team-collaboration">Team Collaboration</a>

How to Avoid Blurry Images, use Retina Images, and Vectors (SVGs)

Sign in to Anima

Submit Bug Report

Back to Anima

Log in to Anima

Find answers and get help from Intercom Support and Community Experts

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Title

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

How to Avoid Blurry Images, use Retina Images, and Vectors (SVGs)

For Sketch:

For Adobe XD:

For Figma:

Get Started with Anima!