How to Crop & Convert TGA 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 TGA image and converting it to a PNG file using the Data Conversion Center TGA to PNG Crop Converter. The output is a lossless PNG with full alpha-channel transparency preserved from 32-bit TGA sources — every pixel value is stored exactly, including partial (semi-transparent) alpha values. There is no quality slider because PNG is lossless. The entire process takes under two minutes and your image never leaves your device.

Step 1: Open the Tool

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

You have two options for loading your source image:

• Drag and drop. Drag a TGA file (with a .tga extension) from your file manager directly onto the drop zone. The image 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 TGA and click Open.

The built-in TGA decoder handles uncompressed (type 2/3) and RLE-compressed (type 10/11) TGA files at 8, 16, 24, and 32 bits per pixel. As soon as decoding completes, the image appears in the source panel with blue crop handles 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:

• Corner handles (NW, NE, SW, SE). Drag to resize the crop in both dimensions simultaneously — the most common handle for free-form cropping.
• Edge handles (N, S, W, E). Drag to move 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.

As you drag, the crop dimensions badge in the panel header updates in real time to show the output pixel dimensions at full TGA resolution. The info bar below the panel shows the exact pixel coordinates of the selection bounds.

Step 4: Preview the Crop

Before downloading, click Preview Crop. A pop-up opens showing the cropped region at browser width, with the title displaying the exact output dimensions (e.g., "Crop Preview — 512 × 512 px"). Use this to verify:

• The composition is correct and no important detail is clipped at the edges.
• Transparent areas from a 32-bit TGA appear correctly — PNG preserves the full alpha channel including partial (semi-transparent) values, so the preview may show the canvas or browser background through transparent regions.
• The framing is appropriate for the intended use: web page, game asset, press kit, etc.

Close the preview and adjust handles if needed before proceeding to download.

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. Creates an off-screen canvas and draws the selected pixel region at full TGA resolution using drawImage with source rectangle parameters.
2. Calls canvas.toBlob('image/png') to invoke the browser's native lossless PNG encoder.
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 sprite.tga, the output is sprite_crop.png. No server round-trip occurs — no pixels leave your device.

Step 6: Start Over (Optional)

To crop and convert a different TGA, 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

• PNG is lossless — there is no quality slider. Every pixel from the TGA crop is stored exactly in the PNG output. DEFLATE compression reduces the file size without altering any pixel value. The PNG is typically 2–5× smaller than the uncompressed TGA source.
• Full alpha is preserved. PNG supports per-pixel alpha including partial (semi-transparent) values. Soft shadows, anti-aliased edges, and glows from a 32-bit TGA all convert faithfully — no thresholding or compositing is applied. This distinguishes PNG from JPEG (no alpha) and GIF (binary alpha only).
• Preview before downloading. It is faster to adjust handles and re-preview than to open a downloaded PNG and discover the crop missed the mark.
• Watch the dimensions badge for exact sizing. If your platform requires a specific pixel size — for example, 1024×1024 for a game wiki asset — watch the badge as you drag handles to hit the exact dimensions before downloading.
• PNG is the right choice for transparency. If your TGA source has a transparent background or any transparent regions that must be preserved, PNG is the standard lossless format for web delivery. For compressed web delivery with alpha, consider TGA to AVIF Crop or TGA to WebP Crop.
• TGA source stays untouched. The tool reads your TGA and produces the PNG without modifying, overwriting, or uploading the original file in any way.