MS Teams Virtual Background

Specifications

Output dimensions	1920×1080 pixels
Aspect ratio	16:9 (widescreen 16:9)
Output format	JPEG @ 92% quality
Processing	100% in your browser — no upload
Cost	Free, unlimited
Source	Official guidelines

When you'd run MS Teams Virtual Background

Replacing a generic placeholder with a hand-crafted asset at the correct 1920×1080 pixel size.
Sizing brand assets for client deliverables, design portfolios, or system-mockup exports.
Preparing assets for a CMS or template that requires a specific pixel dimension.
Generating consistent thumbnails or hero images across a content series.

How MS Teams Virtual Background runs

This preset is a deterministic recipe — every step has fixed parameters so the result is byte-identical across runs of the same input.

Crop the image to a 16:9 aspect ratio. Mochi keeps the centre of the frame in the middle of the crop by default — drag the crop box if you want to recompose.
Resize to 1920×1080 px as JPEG at quality 92%.

Where the work happens

MS Teams Virtual Background crops your input to 16:9 and resizes it to 1920×1080 px as JPEG — a 2.1-megapixel output. The work runs through canvas APIs and a WebAssembly image-encoder; the source image is decoded into an off-screen canvas, transformed in place, and re-encoded without any network upload.

Design deliverables to clients often require an exact pixel-size; this preset's deterministic output makes the deliverable repeatable. The browser-side path also means the file never leaves your device — relevant when the input contains personally identifiable information, screenshots of private documents, ID scans, or proprietary product photography.

Common mistakes

Generating only the 1920×1080 version when the platform also needs a 2× retina variant. Check whether you need a 3840×2160 export for HiDPI screens.
Submitting a JPEG when a transparent background is required. This preset outputs JPEG to preserve transparency where the platform expects it.
Burning anti-aliased edges into a coloured background. Render your source on transparent first, then run this preset, so the icon edges blend cleanly on whatever surface it lands on.
Uploading sensitive images to a server-side tool. This preset runs entirely in your browser; the file never leaves your device. Verify this in your browser's network panel if working with confidential material.

FAQ

What does MS Teams Virtual Background output?

1920×1080 px, saved as JPEG at quality 92%.

Why crop to 16:9?

The target platform — see the cited spec — uses widescreen 16:9 as its native frame. Submitting any other ratio means the platform's own crop runs, which often clips faces or text near the edge.

Why JPEG and not PNG?

The target accepts JPEG, and JPEG compresses photographic content 5-10× smaller than PNG with no visible difference at quality 92%. PNG is the right choice only when the image has hard edges or transparency — which photo-ID, social posts, and product photos don't.

Does my image get uploaded?

No. This preset runs entirely in your browser using WebAssembly + canvas APIs — no server round-trip. You can verify this in your browser's network panel: only static asset requests, no image upload. The file never leaves your device.

Related presets

Browse all recipes →