What is SVG and why convert TIFF to SVG?

SVG (Scalable Vector Graphics) is an XML-based format that scales to any resolution without pixelation. Converting a cropped TIFF region to SVG embeds the image as a base64-encoded PNG inside an SVG wrapper, producing a self-contained, scalable file compatible with every modern browser, design tool, and document workflow that accepts SVG.

Can I crop the TIFF image before converting to SVG?

Yes — the tool provides an interactive crop overlay on the source image. Drag the corner and edge handles to define exactly which portion of the TIFF you want in the output SVG. Click Preview Crop to see the result before downloading.

Does my image get uploaded to a server?

No. All processing — loading, cropping, and SVG encoding — happens entirely in your browser using JavaScript and the HTML5 Canvas API. Your image never leaves your device.

Is the output a true vector SVG?

The output is an SVG file that embeds the cropped raster image as a base64-encoded PNG inside an SVG image element. This preserves the exact pixels of your crop at any display size, and the SVG wrapper makes it compatible with vector-aware tools and workflows. True raster-to-vector tracing is a separate operation not performed by this tool.

What is the maximum image size supported?

The tool is limited by your browser's available memory. TIFF files can be very large. In practice, files up to 30–50 MP convert reliably on modern desktop browsers. Note that large crops produce large base64-embedded SVG files.

How do I reset and convert a different image?

Click the Start Over button that appears after loading an image. This clears the current file and resets the crop area so you can load a new TIFF.

TIFF to SVG Crop Converter

Load a TIFF, drag the crop handles to define exactly the area you need, preview the result, then download an SVG containing your cropped image. Everything runs in your browser — your image never leaves your device.

🖼️

Drop a TIFF here

or Browse Files · TIFF / TIF supported

What This Tool Does

This tool loads a TIFF image directly in your browser, presents an interactive crop overlay with draggable handles, and converts the selected area to an SVG file. No server upload is required. The full workflow — loading, cropping, and SVG generation — runs entirely in client-side JavaScript using the HTML5 Canvas API. TIFF files are decoded using URL.createObjectURL combined with img.decode(), ensuring the canvas always receives complete pixel data. The output is a valid SVG file that embeds the cropped region as a base64-encoded PNG inside an <image> element, with the SVG viewport set to match the exact crop dimensions. This makes the file fully compatible with Figma, Adobe Illustrator, Inkscape, and all modern web browsers.

Who This Is For

Designers who need to import a cropped TIFF region into an SVG-based design tool like Figma or Illustrator
Web developers embedding a raster crop as an SVG for resolution-independent display at any screen density
Developers who need a self-contained SVG asset that carries its own image data without external file references
Anyone who needs to trim and wrap a TIFF region in SVG without installing desktop software

TIFF vs SVG: Format Comparison

Property	TIFF	SVG
Type	Raster (pixel grid)	Vector (XML shapes) or embedded raster
Scalability	Fixed resolution — pixelates when enlarged	Infinite — crisp at any size
File size	Very large — uncompressed pixels	Varies — embedded raster is base64-encoded
Browser support	Not natively displayed in browsers	Native — all browsers since 2011
Editability	Pixel editing only	XML text — editable in any text editor
Transparency	Full alpha channel	Full alpha channel (via embedded PNG)
Best for	Print, archiving, professional editing	Web UI, icons, design assets, diagrams

Frequently Asked Questions

Is the output SVG truly scalable?▼

The SVG wrapper itself is infinitely scalable — it has no fixed pixel size. However, since the image content is embedded as a raster PNG, the visual quality is bounded by the resolution of your original TIFF crop. Enlarging the SVG beyond 100% of the crop's native pixel dimensions will show pixelation, just as it would with any raster image.

Can I edit the SVG in Figma or Illustrator?▼

Yes. The output SVG opens in Figma, Adobe Illustrator, Inkscape, and Sketch. In these tools you can reposition, resize, mask, or layer the embedded image just like any other placed raster inside an SVG container. The embedded PNG data is carried inside the file — no external image file is needed.

How precise is the crop tool?▼

The crop operates at native pixel accuracy on the original TIFF dimensions. The canvas is scaled to fit your screen, but crop coordinates are mapped back to the full-resolution image before the SVG is generated.

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, Safari (desktop and mobile). The tool uses standard HTML5 Canvas and Blob APIs that have been universally supported since 2015.

Is there a file size limit?▼

There is no server-imposed limit because no upload occurs. The practical limit is your browser's available RAM. Note that large crops produce large SVG files because the PNG data is base64-encoded inside the file (adding roughly 33% overhead over the raw PNG size).

TIFF to SVG Crop Converter

What This Tool Does

Who This Is For

TIFF vs SVG: Format Comparison

Frequently Asked Questions

Explore More Tools

Learn More