How to Crop & Convert TIFF to PNG: Step-by-Step Tutorial

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

Connect on LinkedIn →

Overview

This tutorial walks through every step of cropping a TIFF image and converting it to a lossless PNG file using the Data Conversion Center TIFF to PNG Crop Converter. The output PNG uses DEFLATE lossless compression — every pixel is preserved exactly, and any alpha channel transparency from the source TIFF is carried through to the output. The entire process takes under two minutes and requires no software installation. Your image never leaves your device.

Step 1: Open the Tool

Navigate to dataconversioncenter.com/image-tools/tiff-to-png-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.

Step 2: Load Your TIFF

You have two options for loading your source image:

• Drag and drop. Drag a TIFF file (with a .tiff or .tif extension) from your file manager directly onto the drop zone. The file loads 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 TIFF and click Open.

As soon as the image loads, it appears in the source panel. The blue crop handles appear at the corners and edges of the image, initially set to the full image boundary.

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. This is the most common handle for free-form cropping — drag inward from a corner to exclude surrounding content.
• Edge handles (N, S, W, E). Dragging an edge handle moves only that edge, constraining the resize to a single axis. Use these to trim one side without affecting the opposite boundary.
• Interior pan. Click and drag anywhere inside the crop rectangle (not on a handle) to reposition the entire selection without changing its dimensions. Useful for sliding the crop to a different part of the image after setting the size.

As you drag, the crop dimensions badge in the panel header updates in real time to show the output pixel dimensions at full TIFF resolution. 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 downloading, click Preview Crop. A pop-up opens showing the cropped region rendered at browser width. The title bar displays the exact output dimensions (e.g., "Crop Preview — 1200 × 900 px"). Use this to verify your composition:

• Check that you have not clipped important detail at the edges.
• Confirm the aspect ratio and framing look correct for the intended use.
• Verify that any transparent areas composite correctly against the preview background.

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 necessary with no penalty.

Step 5: Convert & Download the PNG

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

1. Draws the selected pixel region onto an off-screen canvas at full TIFF resolution using drawImage with source rectangle parameters.
2. Calls canvas.toBlob('image/png') to encode the crop using the browser's native lossless PNG encoder, which applies DEFLATE compression automatically.
3. Creates a Blob URL for the encoded PNG and triggers a browser download.

The file downloads as [original-filename]_crop.png. For a source file named scan.tiff, the output is scan_crop.png. The download is immediate — there is no server round-trip. Every pixel in the output is identical to the corresponding pixel in your TIFF source.

Step 6: Start Over (Optional)

To crop and convert a different TIFF, click ↺ Start Over. This clears the current image, resets the crop handles, and returns the tool to its initial drop zone state.

Tips for Best Results

• Use the Preview before downloading. It is much faster to adjust a handle and re-preview than to open a downloaded PNG in an image editor and find the crop is off by a few pixels.
• Watch the dimensions badge. If your target requires a specific pixel size — e.g., 1200×630 for a social meta image — watch the badge as you drag handles to reach the correct value.
• Transparency is fully preserved. PNG supports a full 8-bit alpha channel. If your TIFF source has transparent or semi-transparent pixels, those alpha values carry through exactly to the PNG output. No white background is added.
• PNG is lossless — safe for re-editing. Unlike JPEG, the PNG output can be opened, edited, and re-saved without any additional quality loss. This makes PNG the right choice when the crop will be further edited before final delivery.
• For smaller web file sizes. If you need a smaller web-deliverable file and can accept some lossy compression, consider TIFF to AVIF Crop or TIFF to WebP Crop. For lossless and maximum compatibility, PNG is the correct choice.
• Large TIFFs on mobile. Very high-resolution TIFFs may take a few seconds to encode on memory-constrained mobile devices. This is normal — wait for the "Converting…" label to clear before opening the downloaded file.