How to Convert PNG/SVG to a Scratch Sprite (2 Easy Ways)

You've got a great image — a drawing, an asset from a game jam, a vector pack — and you want it in your Scratch project as a proper sprite. Good news: Scratch imports PNG, JPG, and SVG files directly, so "conversion" is usually just an upload. The real work is knowing when to convert a PNG into a clean SVG first — and that's exactly what this guide covers.

What Scratch Accepts (Quick Reference)

Method 1: Upload Directly (Fastest)

If your file is already a clean PNG or SVG, no conversion is needed:

1. Open your Scratch project.
2. Hover the plus circle above the sprite panel → Upload Sprite.
3. Pick your PNG or SVG file → Open.

Done. The image becomes a sprite you can code immediately.

Method 2: Convert PNG to Clean SVG First (Recommended for Game Art)

Bitmaps pixelate when scaled and can't do layered animation. Converting to SVG fixes both:

1. Open the PNG to Scratch SVG converter.
2. Upload your PNG (or JPG). The converter traces the bitmap into smooth vector paths.
3. Preview the result. Check that edges are clean and details survived.
4. Download the SVG and upload it into Scratch via Upload Sprite.

This matters most for game characters: a converted SVG stays sharp when you resize the sprite for different scenes, and paths stay editable inside Scratch's paint editor.

Converting SVGs from Other Tools (Figma, Illustrator, Inkscape)

Professional vector files import into Scratch, but a few export settings make the difference between a clean sprite and a broken one:

• Flatten before export. Scratch supports groups and paths, but deeply nested structures can confuse it. Flatten selections or export a simplified version.
• Avoid embedded raster images. An "SVG" that contains a pasted PNG inside is still a bitmap. Replace those with real vector shapes before exporting.
• Simplify paths. Hundreds of tiny nodes make the file heavy and slow in Scratch's editor. Use Simplify / Reduce nodes (Inkscape: Path → Simplify).
• Export as plain SVG, not SVGZ or compressed variants.
• Watch text elements. Convert text to paths before exporting, or Scratch may substitute fonts.

Common Problems and Fixes

The traced SVG looks blobby

Automatic vectorization merges small details. Lower the tracing detail setting, clean up the source image (higher contrast, fewer colors), or trace at a larger source resolution.

The file is huge and Scratch gets laggy

Complex SVGs with thousands of paths slow the paint editor down. Simplify paths, remove hidden/unused layers, or split one complex sprite into two simpler ones.

My sprite lost its colors

Some SVG exports use CSS classes or external stylesheets that Scratch doesn't read. Re-export with presentation attributes (styles written directly onto elements) instead of separate CSS.

The transparency disappeared

If your PNG had a background, the SVG conversion traced it too. Use a background-removal tool first, then convert.

Frequently Asked Questions

Is SVG always better than PNG for Scratch?

For sprites, yes in most cases: sharp at any zoom, small files, transparency, and layer support. PNG is fine for flat, single-piece art you'll use at one size.

Can I convert a sprite back out of Scratch?

Yes. Open the Costumes tab and use the Export button on any costume to save it as SVG or PNG to your computer.

Do converted sprites work in TurboWarp?

Yes — TurboWarp is fully compatible with Scratch's SVG handling, so any converted sprite behaves identically.

Can I convert multiple PNGs at once?

Scratch uploads one file per sprite. For bulk work, convert each PNG to SVG first, then upload them one by one — or grab ready-made layered sprites from the free sprite library and skip conversion entirely.

My drawing is on paper — what's the workflow?

Photograph it in even lighting, crop to the character, clean up the background, then convert PNG to SVG. KidSprite's AI flow can also take a photo of a doodle and turn it into a clean layered SVG directly.

Convert Your First Image Now

Ready to turn an existing image into a Scratch-ready sprite? Open the PNG to Scratch SVG converter, drop in your image, and download a clean SVG in under a minute — no signup needed.

Keep Exploring

• How to Add Custom Sprites to Scratch — step-by-step upload guide, including tablet and iPad
• Free Scratch Sprite Library — 2000+ layered SVG sprites ready to download
• Custom Scratch Sprite Maker — create sprites with AI or templates
• Scratch Sprite Creator: 5 Methods — every way to make a Scratch character, compared