TGA to AVIF Crop: Complete Conversion Guide for Game Assets & Web

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

Connect on LinkedIn →

What Is AVIF and Why Is It the Modern Web Format?

AVIF (AV1 Image File Format) is a next-generation image format based on the AV1 video codec, standardised by the Alliance for Open Media. It delivers dramatically better compression than JPEG or PNG — typically 30–50% smaller files at equivalent visual quality — while supporting a full alpha channel, HDR, and wide colour gamut. Browser support is now broad: Chrome 85+, Firefox 113+, Edge 85+, and Safari 16.4+ all render AVIF natively, making it a practical choice for any modern web project.

For professionals working with TGA assets from game pipelines or 3D rendering, converting cropped regions to AVIF produces files that are both significantly smaller than any alternative and natively displayable in every modern browser — without the need for fallback formats in most deployment scenarios.

What Is TGA and Where Does It Come From?

TGA (Truevision TGA, also known as TARGA) is one of the oldest raster formats in professional computing, first developed in 1984 for Truevision video hardware. Despite its age, TGA remains widely used in game development, 3D rendering pipelines, and VFX production — primarily because of its simplicity, its reliable 32-bit alpha channel support, and its long history of integration with tools like 3ds Max, Maya, Unreal Engine, and Unity. TGA files are large and uncompressed (or lightly RLE-compressed), and they are not natively displayable in web browsers, making conversion an essential step for web delivery.

Why Crop Before Converting to AVIF?

Cropping before converting serves two practical purposes. First, it reduces the pixel count the AVIF encoder processes, which directly reduces output file size and encoding time. Second, and more importantly for asset pipelines, it lets you extract exactly the region you need — a sprite frame, a texture detail, a character portrait — without exposing the full extent of the source TGA. Cropping in the conversion step also leaves the original TGA archive untouched: the browser tool never modifies the source file.

Understanding AVIF Quality Settings

AVIF quality is expressed as a percentage controlling the quantisation step of the AV1 encoder. Unlike JPEG, AVIF degrades very gracefully at lower quality settings — 70% AVIF often looks better than 70% JPEG because the AV1 codec applies more perceptually-aware compression decisions. The default quality in the TGA to AVIF Crop Converter is 85%, which strikes an excellent balance: files are substantially smaller than equivalent JPEG crops while quality remains excellent for photographic and illustrative content alike.

For web assets where page weight is critical, 70–80% AVIF is a reasonable target. For hero images or assets that may be reprinted or further processed, 90–95% preserves more detail. At 100%, the encoder uses lossless mode, which produces larger files than PNG for most content but may be useful for assets that must survive repeated re-encoding.

Transparency: AVIF's Key Advantage Over JPEG

One of the most important advantages of AVIF over JPEG for TGA source assets is full alpha-channel support. Game and 3D assets stored as 32-bit TGA files frequently contain transparency — sprite cut-outs, UI overlays, particle effects, and logo assets are common examples. AVIF preserves that transparency fully in lossy mode, unlike JPEG which must composite transparent pixels onto a solid background. This means you can convert a 32-bit TGA sprite directly to AVIF and use it on a web page with a transparent or variable background, without any additional masking or work.

If your TGA source is 24-bit (no alpha), the AVIF output will be fully opaque — no additional handling is required. If you need lossless output with alpha, consider TGA to PNG Crop as an alternative.

When Should You Crop and Convert TGA to AVIF?

• Web delivery of game assets. Game UI elements, sprites, and promotional art stored as TGA are not usable on the web without conversion. AVIF gives you the smallest possible file size for those assets while preserving transparency.
• Portfolio and showcase pages. 3D artists and game developers publishing work online benefit from AVIF's superior compression — page loads faster, and the asset quality is excellent at the sizes used on portfolio pages.
• Progressive web apps and mobile-first projects. Where bandwidth matters most, AVIF's 30–50% size advantage over JPEG directly improves load times and Core Web Vitals scores.
• Content management systems with AVIF support. Modern CMS platforms and image CDNs increasingly accept or auto-generate AVIF. Supplying AVIF directly avoids double-compression from server-side re-encoding.
• Marketing and press assets. Cropping a specific region from a TGA render and converting to AVIF gives press and marketing teams a browser-ready asset without requiring access to the full production pipeline.

TGA vs AVIF: Format Comparison

How the Crop and AVIF Encoding Works

The TGA to AVIF Crop Converter decodes the TGA file entirely in the browser using a built-in JavaScript parser that handles uncompressed and RLE-compressed TGA variants at 8, 16, 24, and 32 bits per pixel. The decoded pixel data is placed on an HTML5 Canvas, where the interactive crop overlay is drawn. When you click Convert, an off-screen canvas extracts the selected pixel region using drawImage with source rectangle parameters. The canvas calls toBlob('image/avif', quality) and the resulting AVIF file is downloaded to your device. No pixels are sent to a server at any point.

AVIF vs WebP: Which Should You Choose?

Both AVIF and WebP are modern formats that support full alpha channels and offer better compression than JPEG. AVIF typically produces smaller files than WebP at equivalent quality, and its colour fidelity is generally considered superior. However, WebP has broader legacy support — it works in Chrome since 2011 and Safari since 14.0. For most new projects targeting 2024+ browser versions, AVIF is the better choice. If you need maximum compatibility including iOS users on older Safari versions, TGA to WebP Crop is a solid alternative. Both tools are available — you can produce both variants in seconds from the same TGA source.

Frequently Asked Questions

What quality setting should I use?

The default of 85% is ideal for most game assets and photographic content. AVIF at 85% produces visually excellent results with files typically 10–30× smaller than the source TGA. Use 70–80% for aggressive web optimisation, or 90–95% when maximum fidelity is required or the file will be re-processed.

Does AVIF preserve transparency from my TGA?

Yes. AVIF fully supports alpha-channel transparency in lossy mode. Any transparent pixels from a 32-bit TGA source are preserved in the AVIF output without compositing. This makes AVIF the ideal format for game sprites and UI assets that require transparency on the web.

My browser shows an error when trying to save AVIF. What should I do?

AVIF encoding via the Canvas API requires Chrome 94+, Edge 94+, or Firefox 113+. If you are on an older browser or Safari, the tool will display an alert. Switch to a recent Chromium-based browser for AVIF output. Alternatively, use TGA to WebP Crop or TGA to PNG Crop for broader encoder compatibility.

Is the conversion really free with no file size limit?

Yes. All processing runs entirely in your browser — there is no server to impose a file size limit. There are no usage caps, no watermarks, and no account required.