HEIC to ICO Crop: Complete Conversion Guide for Icons & Favicons

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

Connect on LinkedIn →

What Is ICO and Why Does It Matter?

ICO (Icon) is the native icon format used by Windows since its earliest versions and universally supported by web browsers for favicons. Unlike general-purpose image formats, ICO is specifically designed for icons: it can embed multiple image sizes in a single file, supports full 32-bit RGBA transparency, and is natively recognized by Windows Explorer, the Windows taskbar, application launchers, and every web browser without any codec or plugin requirement.

The ICO format works by acting as a container. Each ICO file holds one or more image payloads — traditionally BMP, but modern ICO files commonly embed PNG data for superior compression and full alpha channel support. The browser or operating system picks the most appropriate size from the container when rendering the icon. When you create an ICO from a HEIC photo using this tool, the output is a single-image ICO with a PNG payload, suitable for favicons, Windows custom icons, and application branding.

What Is HEIC and Where Does It Come From?

HEIC (High Efficiency Image Container) is the default photo format used by iPhones and iPads since iOS 11. It stores images using the HEVC video codec (also known as H.265), which achieves roughly twice the compression efficiency of JPEG while maintaining comparable visual quality. A HEIC photo from a 12-megapixel iPhone camera typically occupies 2–4 MB, whereas an equivalent JPEG might be 5–8 MB.

The trade-off is compatibility. HEIC is Apple-native and requires a codec on Windows and Linux. For icon workflows — where you need to extract a specific subject from a photo and export it as a small, sharp icon — converting HEIC to ICO via a crop-and-convert tool is far more practical than installing additional codecs or loading a full image editor.

When Should You Crop and Convert HEIC to ICO?

• Creating a favicon from an iPhone photo. If you have a logo, product shot, or branded image in HEIC format and need a favicon.ico for your website, this tool lets you crop to the exact square region you want and export it as ICO in seconds — no Photoshop required.
• Building a custom Windows icon from a HEIC photo. Windows lets you assign custom ICO icons to shortcuts, folders, and applications. If your source image is a HEIC from an iPhone, this tool converts it to a compatible ICO without requiring you to install Apple's HEIC codec on Windows.
• Extracting a subject from a photo for use as an app icon. Mobile and desktop applications often start with a photo of a product, mascot, or logo. The crop tool lets you isolate exactly the element you want before exporting to ICO, giving you precise control over what appears in the icon without needing a separate cropping tool.
• Converting a portrait or logo shot to a profile icon. Square crop + ICO conversion is a common workflow for profile pictures, organizational icons, and branded shortcut images on Windows desktops.
• Preparing icon assets for a web project entirely in the browser. The entire workflow — decoding HEIC, cropping, and encoding ICO — runs client-side. No file upload, no server, no subscription required.

HEIC vs ICO: Format Comparison

ICO Sizing: What You Need for Favicons and App Icons

ICO sizing depends on your intended use. For web favicons, the minimum is 16×16 pixels — this is what browsers show in tabs and bookmarks. A 32×32 favicon looks sharper on high-DPI screens. Modern web standards recommend also providing 48×48 and larger sizes through the HTML <link> tag or a site.webmanifest. The single-image ICO produced by this tool works well for any of these sizes; just crop to a square and let the ICO encode the exact crop dimensions.

For Windows application icons and shortcuts, Windows historically used 16×16, 32×32, 48×48, and 256×256 multi-resolution ICO files. The single-image ICO produced by this tool is sufficient for basic use; multi-resolution ICO files require a specialized icon editor if you need all four sizes embedded in one file.

How to Crop Effectively for Icon Use

The most important rule for icon cropping is to crop to a square. Icons are always square, and a non-square ICO will appear letterboxed or distorted in most icon contexts. Use the corner handles to define a square crop region centered on the most recognizable element of your photo — typically the face, logo mark, or primary subject. The crop dimensions badge in the tool updates in real time to show the output pixel dimensions, so you can verify the aspect ratio as you drag.

For a portrait photo, center the crop on the face and tight-crop to remove distracting background. For a product photo, crop to just the product. For a logo, crop to the primary mark or symbol. After downloading the ICO, use the Image Resizer if you need to scale the output to a specific target size like 32×32 or 48×48.

How Browsers Handle HEIC and ICO

HEIC decoding in this tool works in two modes. Chrome 105 and later, Safari, and Edge support HEIC natively via the createImageBitmap API. For Firefox and older browsers, the tool automatically falls back to the heic2any JavaScript library, which decodes HEIC entirely in JavaScript without any native codec requirement. Either way, your HEIC file is decoded to a canvas and ready for cropping — no action required on your part.

ICO files produced by the tool embed the cropped image as a PNG payload inside the ICO container. This is the modern standard for favicon ICO files and is supported by all browsers released in the last decade. The PNG payload preserves full 32-bit RGBA color including any transparency in the cropped region.