How to Crop & Convert HEIC to JPG: Step-by-Step Tutorial

By Bill Crawford  ·  March 2026  ·  5 min read  ·  Last updated March 12, 2026

Connect on LinkedIn →

Overview

This tutorial walks through every step of cropping a HEIC photo and converting it to a universally compatible JPG file using the Data Conversion Center HEIC to JPG Crop Converter. The entire process takes under two minutes and requires no software installation. Your image never leaves your device — HEIC decoding, cropping, and JPG encoding all happen in your browser. The output JPG is a quality-0.92 encoded file at the exact pixel dimensions of your selected crop region, compatible with every device, operating system, and application without exception.

Step 1: Open the Tool

Navigate to dataconversioncenter.com/image-tools/heic-to-jpg-crop/ in any modern browser. The tool works in Chrome, Firefox, Edge, and Safari on both desktop and mobile. No sign-in, no extension, and no download required. Chrome 105+ and Safari support HEIC natively; Firefox uses the built-in heic2any fallback automatically.

Step 2: Load Your HEIC File

You have two options for loading your HEIC photo:

• Drag and drop. Drag a .heic or .heif file from your file manager directly onto the drop zone in the tool. The file begins decoding the moment you release it.
• Browse. Click anywhere on the drop zone (or the "Browse Files" link) to open your operating system's file picker. Select your HEIC file and click Open.

After you select the file, a brief "Decoding HEIC file…" status message appears while the tool processes the compressed HEIC data. On a modern desktop, this typically takes under a second for a standard iPhone photo. Once decoding completes, the image appears in the source panel and the blue crop handles become active. If decoding fails, an error message describes what went wrong — the most common cause is selecting a file that is not actually HEIC/HEIF format.

Step 3: Adjust the Crop Area

The crop overlay has eight handles: four at the corners and four at the midpoints of each edge. Here is how each type behaves:

• Corner handles (NW, NE, SW, SE). Dragging a corner handle resizes the crop in both dimensions simultaneously. Drag the bottom-right corner inward to shrink from that corner, outward to expand.
• Edge handles (N, S, W, E). Dragging an edge handle moves only that edge, constraining the resize to a single axis. Drag the top edge down to trim from the top without affecting the left or right boundaries.
• Interior pan. Click and drag anywhere inside the crop rectangle (not on a handle) to reposition the entire selection without changing its dimensions.

As you drag, the crop dimensions badge in the panel header updates in real time to show the output pixel dimensions at full image resolution (not the display size). The info bar below the source image shows the exact pixel coordinates of the crop rectangle's origin and extent.

Step 4: Preview the Crop

Before committing to a download, click Preview Crop. A pop-up window opens showing the cropped region at full browser width. The pop-up title displays the exact output dimensions (e.g., "Crop Preview — 2400 × 1600 px"). Use this to verify your framing — check that you have not clipped important detail at the edges, and confirm the dimensions are correct for your intended use.

Close the preview with the × button or by clicking outside the modal. Return to the source panel and adjust the handles if needed. You can preview as many times as you like before downloading.

Step 5: Convert & Download the JPG

When you are satisfied with the crop, click Convert & Download JPG. The button briefly shows "⏳ Converting…" while the tool:

1. Creates an off-screen canvas at the full original HEIC pixel dimensions of the crop region.
2. Fills the canvas with a white background (since JPG does not support transparency).
3. Draws the selected pixel region onto the canvas using drawImage with source rectangle parameters.
4. Converts the canvas to a JPG blob using canvas.toBlob() with MIME type image/jpeg at quality 0.92.
5. Creates a Blob URL for the JPG and triggers a browser download.

The file downloads as [original-filename]_crop.jpg. For a source file named IMG_4521.heic, the output is IMG_4521_crop.jpg. The download is immediate — there is no server round-trip.

Step 6: Start Over (Optional)

To crop and convert a different HEIC photo, click ↺ Start Over. This clears the current image, resets the crop handles, and returns the tool to its initial drop zone state ready for a new file.

Tips for Best Results

• Use the Preview before downloading. The preview accurately represents the output framing. If the crop looks correct in the preview, the JPG download will match it exactly.
• Watch the dimensions badge. If your use case requires specific dimensions (e.g., a 1200×630 social card or a print at 300 DPI), keep an eye on the badge as you drag handles to hit the target values.
• JPG quality 0.92 is optimized for final delivery. For printing, sharing, email, and web use, quality 0.92 produces excellent results. If you need a lossless crop for further editing, use HEIC to PNG Crop instead — PNG preserves every pixel without lossy compression.
• The JPG output has no embedded EXIF or GPS metadata. The conversion passes through the HTML5 Canvas API, which strips all embedded metadata from the source HEIC. If metadata preservation is required, use a dedicated EXIF-aware conversion tool.
• iPhone Live Photos. HEIC files from Live Photos contain both a still image and embedded video data. The tool decodes and crops the still image; the Live Photo motion component is not included in the JPG output.
• White background fill. JPG does not support transparency. The tool fills the off-screen canvas with white before drawing the crop, ensuring clean output if any transparent or undefined areas exist in the source image. For iPhone photos, this is rarely relevant since camera photos are fully opaque.