TGA to SVG Crop Converter

Load a TGA file, drag the crop handles to define the area you need, preview the result, then download a self-contained SVG with your crop embedded as a lossless PNG. Everything runs in your browser — your image never leaves your device.

🖼️

Drop a TGA here

or Browse Files  ·  TGA supported

What This Tool Does

This tool loads a TGA (Truevision TGA) image directly in your browser, presents an interactive crop overlay with draggable handles, and generates a self-contained SVG file embedding the cropped region as a base64-encoded PNG. No server upload is required. Because TGA is a raster format and SVG is a vector format, fully automatic vector tracing is not performed — the cropped pixels are preserved at their native resolution inside a valid SVG <image> element with explicit width, height, and viewBox attributes. The embedded PNG uses lossless encoding, preserving full alpha-channel transparency from 32-bit TGA sources. The resulting SVG opens correctly in Adobe Illustrator, Inkscape, Affinity Designer, and all major browsers.

Who This Is For

  • Web developers who need a TGA game asset or sprite available as an SVG for use in HTML or CSS
  • Designers embedding a cropped TGA render in an Illustrator or Inkscape workflow as a scalable SVG container
  • Developers packaging raster assets as SVG for use in frameworks that expect SVG inputs
  • Anyone who needs a self-contained, browser-displayable SVG from a TGA crop without installing Photoshop or GIMP

TGA vs SVG: Format Comparison

PropertyTGASVG (embedded raster)
Image typeRaster (pixels)Vector container (can embed raster)
Browser supportNot natively supportedUniversal — all modern browsers
ScalabilityFixed resolution — pixelates when enlargedSVG container scales; raster content still fixed
TransparencyFull alpha channel (32-bit)Full alpha preserved via embedded PNG
EditabilityPixel editing onlyOpens in Illustrator, Inkscape, Affinity Designer
File sizeLarge (uncompressed)Larger than PNG alone due to base64 overhead (~33%)
Best forGame assets, 3D rendersWeb embeds, design tool workflows, SVG-based pipelines

Frequently Asked Questions

Why is the SVG file larger than the original TGA?
The SVG embeds the PNG data as base64 text, which adds approximately 33% overhead compared to the raw binary PNG. A 100 KB PNG crop becomes roughly 133 KB of base64 inside the SVG. The TGA source itself is typically large and uncompressed; the PNG encoding inside the SVG is usually smaller than the original TGA despite the base64 overhead.
Can I edit the SVG as a vector in Illustrator?
The SVG opens in Illustrator, Inkscape, and Affinity Designer as an embedded raster image. You can resize, rotate, and apply SVG effects to the container, but the pixel content itself cannot be edited as vector paths without using a separate auto-tracing step. Use Illustrator's Image Trace or Inkscape's Trace Bitmap for true raster-to-vector conversion.
Is the alpha channel from my TGA preserved?
Yes. The crop is encoded as a lossless PNG before embedding, and PNG supports a full alpha channel. Any transparency from a 32-bit TGA source is preserved in the SVG output.
Can I move the crop selection after setting it?
Yes — click and drag inside the crop rectangle (away from the handles) to reposition it anywhere within the image. Handles resize; the interior pans.
What browsers are supported?
All modern browsers — Chrome, Firefox, Edge, and Safari (desktop and mobile). The TGA decoder is pure JavaScript and the SVG is built using standard string operations and Blob APIs available since 2015.
Is there a file size limit?
No server limit exists because no upload occurs. Very large TGA crops produce large base64-embedded SVGs — the practical limit is your browser's available RAM and the 2 GB Blob size limit in modern browsers.