What is the SVG output format and how is it generated?

The output is a valid SVG file that embeds the cropped HEIC image as a PNG data URI inside an SVG wrapper. The SVG has correct width, height, and viewBox attributes matching the cropped dimensions. This is the same standards-compliant PNG-in-SVG approach used by the site's other SVG crop tools. The result is not traced vector artwork — it is a raster image embedded inside an SVG container.

Can I crop the HEIC 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 HEIC photo 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, HEIC decoding, cropping, and SVG encoding — happens entirely in your browser using JavaScript and the HTML5 Canvas API. Your image never leaves your device.

How does HEIC decoding work in the browser?

The tool first tries native browser HEIC support (available in Chrome 105+, Safari, and Edge). If native support is unavailable, it automatically falls back to the heic2any JavaScript library for full cross-browser compatibility. Either way, the decoded image is drawn to a Canvas and ready for cropping.

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 HEIC photo.

HEIC to SVG Crop Converter

Load a HEIC photo, drag the crop handles to define exactly the area you need, preview the result, then download a valid SVG file. The SVG embeds your cropped photo as PNG inside a standards-compliant SVG wrapper. Everything runs in your browser — your image never leaves your device.

🖼️

Drop a HEIC here

or Browse Files · HEIC / HEIF supported

What This Tool Does

This tool loads a HEIC or HEIF image directly in your browser, decoding it using native browser support (Chrome 105+, Safari, Edge) or the heic2any JavaScript library as a fallback for full cross-browser compatibility. It presents an interactive crop overlay with draggable handles, and converts the selected area to a valid SVG file. No server upload is required. The full workflow — loading, HEIC decoding, cropping, and SVG encoding — runs entirely in client-side JavaScript using the HTML5 Canvas API. The output SVG embeds your cropped HEIC photo as a PNG data URI inside a standards-compliant SVG wrapper at the correct cropped dimensions, matching the site's existing HEIC to SVG conversion approach. The result opens in all modern browsers, Figma, Inkscape, Illustrator, and any application that supports SVG.

Who This Is For

iPhone and iPad users who need to extract a specific region from a HEIC photo and deliver it as an SVG file for web or design workflows
Designers working in Figma, Illustrator, or Inkscape who need SVG-wrapped raster assets from HEIC sources
Web developers embedding cropped HEIC photos directly in HTML or CSS using SVG containers
Anyone migrating iPhone photography into a modern SVG-based design workflow who also needs to trim the canvas
Users who want to extract a portion of a HEIC photo and save it as SVG without installing Photoshop or GIMP

HEIC vs SVG (PNG-in-SVG): Format Comparison

Property	HEIC	SVG (PNG-in-SVG)
File type	Compressed raster (HEVC codec)	XML container with embedded raster PNG
Color depth	10-bit HDR support	Full PNG color depth (24-bit)
Browser support	Chrome 105+, Safari, Edge native	Universal in all modern browsers
CSS/SVG integration	Limited — img tag only	Native — use as SVG element or background
Design tool support	Limited outside Apple ecosystem	Figma, Illustrator, Inkscape native
Scalability	Pixelates when scaled up	SVG container scales; embedded PNG is raster
File size	Very compact — efficient HEVC codec	Larger — PNG data URI embedded in XML
Best for	iPhone storage, Apple ecosystem	SVG-based web workflows, design tool import

Frequently Asked Questions

Is the SVG output real vector artwork?▼

No. The output SVG embeds the cropped HEIC photo as a PNG data URI inside an SVG container. This is the same approach used by the site's standard HEIC to SVG converter. The result is not traced to vector paths — no path generation or vectorization occurs. It produces a fully valid, standards-compliant SVG that renders in all browsers and opens in vector tools like Illustrator and Inkscape.

How precise is the crop tool?▼

The crop operates at native pixel accuracy on the original HEIC dimensions. The canvas is scaled to fit your screen for display, but the actual crop coordinates are mapped back to the full-resolution image before the SVG is generated. You get an SVG at the exact pixel dimensions shown in the crop dimensions badge.

Can I move the crop selection after setting it?▼

Yes — click and drag anywhere inside the crop rectangle (away from the handles) to reposition it anywhere within the image. Handles resize; the interior pans.

What applications can open the output SVG files?▼

All modern browsers (Chrome, Firefox, Safari, Edge), Figma, Adobe Illustrator, Inkscape, and any application that supports SVG. The embedded PNG ensures the image renders correctly everywhere SVG is supported.

What browsers are supported?▼

All modern browsers — Chrome, Firefox, Edge, Safari (desktop and mobile). The tool uses heic2any as a fallback for browsers without native HEIC support, ensuring HEIC files load correctly everywhere.

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. Most modern desktops handle HEIC files comfortably. Very large files on memory-constrained mobile devices may be slower to process.

HEIC to SVG Crop Converter

What This Tool Does

Who This Is For

HEIC vs SVG (PNG-in-SVG): Format Comparison

Frequently Asked Questions

Explore More Tools

Learn More