JPEGConvert.com
Private by design. Processed in your browser on your device. No account required. How it works

Remove Background from Images

Isolate the main subject of a photo, preview the cutout, and download a transparent PNG or add a solid background color. Clear subjects with strong edge contrast usually produce the cleanest result.
Remove background
Choose a file to start
Upload an image, run the background remover, then download the cutout from the same workspace.
  • Best results come from clear edges and a visible subject.
  • The output preview appears on the right after processing.
  • You can switch between transparent and solid-color backgrounds after removal.
Works with JPG, PNG, WebP, AVIF, or HEIC files.
Best results with JPG, PNG, WebP, AVIF, or HEIC files that have clear edges.
{{ statusMessage }}
{{ originalFile.name }}
{{ originalFormatLabel }} | {{ formatSize(originalFile.size) }} | {{ originalDimensions.width }} x {{ originalDimensions.height }}

Original

{{ originalDimensions.width }} x {{ originalDimensions.height }}
Original preview

Background removed

PNG | {{ formatSize(resultSize) }} | {{ outputDimensions.width }} x {{ outputDimensions.height }}
Background removed preview
Run the background remover to see the result.
{{ statusMessage }}
Working
Removing background
{{ statusMessage || 'Preparing the cutout and output preview.' }}
Ready
Cutout ready to download
Your transparent PNG output is ready from this panel.
Output summary
Review the cutout before download
{{ resultUrl ? 'The background has been removed. You can download the transparent PNG or switch to a solid background color below.' : 'Run the background remover to generate the cutout preview and download.' }}
  • Original size: {{ originalDimensions ? (originalDimensions.width + " x " + originalDimensions.height) : "Pending" }}
  • Output size: {{ outputDimensions ? (outputDimensions.width + " x " + outputDimensions.height) : "Pending" }}
  • Background: {{ backgroundChoice === "transparent" ? "Transparent PNG" : (backgroundChoice === "custom" ? "Custom color" : (backgroundChoice.charAt(0).toUpperCase() + backgroundChoice.slice(1))) }}
Output background
Default is transparent PNG.
Pick a color that matches your project.
Processing runs in your browser. The background remover loads when you run it, and your image stays on your device.
{{ resultUrl ? 'Download the cutout from this panel.' : 'Run the background remover to enable download.' }}
Continue preparing this image
Common next steps after removing the background.
Resize image Compress PNG Watermark image Remove photo metadata
Next step tools
Image Resizer Compress PNG Image Upscale Remove Photo Metadata Guide: Product photo workflow
Tip: press Ctrl/Cmd + K to search all tools.

How to remove an image background

1. Choose an image

Choose a JPG, PNG, WebP, or HEIC and drop it into the workspace.

2. Remove the background

Run the browser-based remover and review the new transparent cutout.

3. Download your PNG

Save the result with transparency or a solid background color.

Transparent PNG output

Download a PNG with transparency for layouts, slides, and design work.

Solid background options

Swap in white, black, or a custom color for marketplaces or brand assets.

Keeps original size

The output stays at the same dimensions so it drops into existing designs.

Side-by-side preview

Review the cutout before you download so you can adjust background choices.

Browser-based processing

Runs in your browser on your device after the background remover loads, with no app installs.

Made for real photos

Great for portraits, products, and graphics with clear subjects and edges.

Frequently Asked Questions

Portraits, products, and graphics with a clear subject and contrasting background usually produce the cleanest cutout.

Yes. The default result is a PNG with transparency. You can also choose white, black, or a custom background color.

Fine hair, motion blur, shadows, and low contrast can soften edges. Try a sharper, well-lit source or refine the result in an image editor.

JPG, PNG, WebP, and HEIC are supported. HEIC is decoded in the browser before background removal.

The background-removal model must load before the first image is processed. Keep the tab open while it prepares.

No. After the model loads, background removal runs in your browser on your device.

Image Tips and Ideas

Tip

Start with contrast

A subject that stands out from the background gives the remover clearer edges to work with.
Tip

Keep important edges clean

Avoid motion blur and heavy compression so details like hair, hands, or product edges stay crisp.
Tip

Leave breathing room

Give the subject a little space around the edges so the cutout does not clip important details.
Tip

Plan your final background

Use transparency for overlays, or choose a solid color that matches your marketplace or brand.
Tip

Prep for listings and slides

Clean cutouts work well for product catalogs, profile photos, and presentation decks.

Learn More

Learn more

Transparent vs. solid backgrounds

Transparent PNGs are ideal for layouts, slides, and overlays. Solid backgrounds can look cleaner on marketplaces or profile images.
Learn more

Use cases people ask about

Creators often remove backgrounds for product shots, headshots, stickers, and social thumbnails. This tool is tuned for those everyday tasks.
Learn more

Finish the asset for delivery

After removing the background, you can resize the image or compress the PNG for faster sharing.
Learn more

Work with HEIC photos

If you shoot on iPhone, upload the HEIC directly here or convert it to JPG or PNG first for maximum compatibility.

Need a hand with your file?

JPEGConvert.com keeps the workflow simple: upload, convert, and download. For the best results, start with the highest-quality source file you have.

About the team | Contact support

(function() { const title = document.querySelector('h1'); const actionRegion = document.querySelector('.action-container, .action-body'); if (!title || !actionRegion || title.querySelector('.tool-hero-mark')) return; const path = window.location.pathname.replace(/\/$/, ''); if (!path || path === '/' || path.startsWith('/converters') || path === '/about' || path === '/contact' || path === '/support' || path === '/privacy-policy') { return; } const lowerKey = path.replace(/^\/(video|audio)\//, '').replace(/^\//, '').toLowerCase(); if (!lowerKey) return; let category = 'image'; if (path.startsWith('/video/')) category = 'video'; if (path.startsWith('/audio/')) category = 'audio'; const isUtility = lowerKey.includes('ascii') || lowerKey === 'check-my-file' || lowerKey.includes('resizer') || lowerKey.includes('metadata') || lowerKey.includes('compress') || lowerKey.includes('base64') || lowerKey.includes('background') || lowerKey.includes('crop') || lowerKey.includes('watermark') || lowerKey.includes('remove-pages') || lowerKey.includes('unlock') || lowerKey.includes('protect') || lowerKey.includes('editor') || lowerKey.includes('excel') || lowerKey.includes('upscale') || lowerKey.includes('merge') || lowerKey.includes('split') || lowerKey.includes('ocr') || lowerKey.includes('sign') || lowerKey.includes('trim') || lowerKey.includes('favicon'); if (category === 'image' && isUtility) category = 'tool'; const labelMap = { jpg: 'JPG', jpeg: 'JPEG', png: 'PNG', gif: 'GIF', svg: 'SVG', pdf: 'PDF', heic: 'HEIC', jfif: 'JFIF', webp: 'WEBP', bmp: 'BMP', ico: 'ICO', word: 'DOCX', docx: 'DOCX', excel: 'Excel', xls: 'XLS', xlsx: 'Excel', mp4: 'MP4', mov: 'MOV', avi: 'AVI', mp3: 'MP3', aac: 'AAC', flac: 'FLAC', wav: 'WAV', webm: 'WEBM', cr2: 'CR2', arw: 'ARW', nef: 'NEF', raf: 'RAF' }; const formatLabel = (value) => labelMap[value] || value.toUpperCase(); function getFormatMeta(key) { if (key === 'check-my-file') { return {primary: 'Check', secondary: 'File', connector: 'dot'}; } const directMatch = key.match(/^([a-z0-9]+)-to-([a-z0-9]+)$/); const convertMatch = key.match(/^convert-([a-z0-9]+)-to-([a-z0-9]+)$/); const convertToMatch = key.match(/^convert-to-([a-z0-9]+)$/); if (directMatch) { return {primary: formatLabel(directMatch[1]), secondary: formatLabel(directMatch[2]), connector: 'arrow'}; } if (convertMatch) { return {primary: formatLabel(convertMatch[1]), secondary: formatLabel(convertMatch[2]), connector: 'arrow'}; } if (convertToMatch) { return {primary: 'Any', secondary: formatLabel(convertToMatch[1]), connector: 'arrow'}; } if (key.startsWith('compress-')) { return {primary: 'Compress', secondary: formatLabel(key.replace('compress-', '')), connector: 'dot'}; } if (key.includes('base64') && key.includes('decode')) { return {primary: 'Base64', secondary: 'Decode', connector: 'dot'}; } if (key.startsWith('base64-to-')) { return {primary: 'Base64', secondary: formatLabel(key.replace('base64-to-', '')), connector: 'arrow'}; } if (key.includes('-to-base64')) { const from = key.replace('convert-', '').replace('-to-base64', ''); return {primary: formatLabel(from), secondary: 'Base64', connector: 'arrow'}; } if (key.includes('base64')) { return {primary: 'Base64', secondary: 'Encode', connector: 'dot'}; } if (key.includes('ascii')) { return {primary: 'ASCII', secondary: 'Art', connector: 'dot'}; } if (key.includes('resizer')) { return {primary: 'Resize', secondary: 'Pixels', connector: 'dot'}; } if (key.includes('remove-pages')) { return {primary: 'Remove', secondary: 'Pages', connector: 'dot'}; } if (key.includes('crop') && key.includes('pdf')) { return {primary: 'Crop', secondary: 'PDF', connector: 'dot'}; } if (key.includes('pdf-editor')) { return {primary: 'Edit', secondary: 'PDF', connector: 'dot'}; } if (key.includes('unlock')) { return {primary: 'Unlock', secondary: 'PDF', connector: 'dot'}; } if (key.includes('protect')) { return {primary: 'Protect', secondary: 'PDF', connector: 'dot'}; } if (key.includes('pdf') && key.includes('metadata')) { return {primary: 'Clean', secondary: 'Metadata', connector: 'dot'}; } if (key.includes('metadata')) { return {primary: 'EXIF', secondary: 'Clean', connector: 'dot'}; } if (key.includes('background')) { return {primary: 'Remove', secondary: 'Background', connector: 'dot'}; } if (key.includes('crop')) { return {primary: 'Crop', secondary: 'Image', connector: 'dot'}; } if (key.includes('watermark')) { return {primary: 'Watermark', secondary: 'Image', connector: 'dot'}; } if (key.includes('upscale')) { return {primary: 'Upscale', secondary: 'Image', connector: 'dot'}; } if (key.includes('merge')) { return {primary: 'Merge', secondary: 'PDF', connector: 'dot'}; } if (key.includes('split')) { return {primary: 'Split', secondary: 'PDF', connector: 'dot'}; } if (key.includes('ocr')) { return {primary: 'OCR', secondary: 'PDF', connector: 'dot'}; } if (key.includes('sign')) { return {primary: 'Sign', secondary: 'PDF', connector: 'dot'}; } if (key.includes('trim')) { return {primary: 'Trim', secondary: 'Video', connector: 'dot'}; } return {primary: 'Tool', secondary: '', connector: 'dot'}; } function getIconClass(key, categoryName) { const toFormat = key.split('-to-')[1]; if (key === 'check-my-file') return 'bi-file-earmark-check'; if (key.includes('ascii')) return 'bi-textarea-t'; if (key.includes('resizer')) return 'bi-aspect-ratio'; if (key.includes('metadata')) return 'bi-shield-slash'; if (key.includes('compress')) return 'bi-file-earmark-zip'; if (key.includes('base64')) return 'bi-journal-code'; if (key.includes('background')) return 'bi-scissors'; if (key.includes('crop')) return 'bi-crop'; if (key.includes('watermark')) return 'bi-type'; if (key.includes('remove-pages')) return 'bi-trash'; if (key.includes('unlock')) return 'bi-unlock'; if (key.includes('protect')) return 'bi-lock'; if (key.includes('editor')) return 'bi-pencil-square'; if (key.includes('excel')) return 'bi-file-earmark-spreadsheet'; if (key.includes('upscale')) return 'bi-arrows-angle-expand'; if (key.includes('merge')) return 'bi-files'; if (key.includes('split')) return 'bi-scissors'; if (key.includes('ocr')) return 'bi-file-earmark-text'; if (key.includes('sign')) return 'bi-pen'; if (key.includes('trim')) return 'bi-scissors'; if (toFormat) { switch (toFormat) { case 'jpg': case 'jpeg': return 'bi-filetype-jpg'; case 'png': return 'bi-filetype-png'; case 'gif': return 'bi-filetype-gif'; case 'svg': return 'bi-filetype-svg'; case 'pdf': return 'bi-filetype-pdf'; case 'word': case 'docx': return 'bi-file-earmark-word'; case 'xls': case 'xlsx': case 'excel': return 'bi-file-earmark-spreadsheet'; case 'heic': return 'bi-filetype-heic'; case 'webp': return 'bi-filetype-webp'; case 'bmp': return 'bi-filetype-bmp'; case 'ico': return 'bi-file-image'; case 'mp4': return 'bi-filetype-mp4'; case 'mov': return 'bi-filetype-mov'; case 'mp3': return 'bi-filetype-mp3'; case 'wav': return 'bi-filetype-wav'; case 'avi': return 'bi-filetype-avi'; default: return 'bi-file-earmark-image'; } } if (categoryName === 'video') return 'bi-film'; if (categoryName === 'audio') return 'bi-music-note-beamed'; if (categoryName === 'image') return 'bi-file-earmark-image'; return 'bi-gear'; } const formatMeta = getFormatMeta(lowerKey); const connectorIcon = formatMeta.connector === 'arrow' ? 'bi-arrow-right-short' : 'bi-dot'; const iconClass = getIconClass(lowerKey, category); const mark = document.createElement('span'); mark.className = `tool-hero-mark converter-mark converter-mark--${category}`; const iconWrap = document.createElement('span'); iconWrap.className = 'converter-mark__icon'; const icon = document.createElement('i'); icon.className = iconClass; iconWrap.appendChild(icon); mark.appendChild(iconWrap); const formatWrap = document.createElement('span'); formatWrap.className = 'converter-format'; const primary = document.createElement('span'); primary.className = 'format-pill'; primary.textContent = formatMeta.primary; formatWrap.appendChild(primary); if (formatMeta.secondary) { const connector = document.createElement('span'); connector.className = 'format-connector'; const connectorIconEl = document.createElement('i'); connectorIconEl.className = connectorIcon; connector.appendChild(connectorIconEl); formatWrap.appendChild(connector); const secondary = document.createElement('span'); secondary.className = 'format-pill format-pill--secondary'; secondary.textContent = formatMeta.secondary; formatWrap.appendChild(secondary); } mark.appendChild(formatWrap); title.classList.add('tool-hero-title'); title.prepend(mark); })();