Image to WebM Converter

How to Convert Images to WebM Online

1. Upload Your Image Files: Drag and drop or click "Add Files" to select images in any supported format — JPG, PNG, WebP, HEIC, TIFF, BMP, GIF, AVIF, PSD, ICO, EPS, or RAW camera files (CR2, CR3, NEF, ARW, DNG, ORF, RAF, RW2, PEF, X3F, MRW, DCR, ERF, 3FR, MOS). Upload a single image for a one-frame clip, a handful for a slideshow, or a numbered sequence to build a longer WebM. Batch is supported — drop in an entire folder.
2. Pick a Video Codec and Audio Codec: Default is VP9 — the modern WebM codec that every Chrome, Firefox, Edge, and Opera build plays natively, with Safari support since macOS Big Sur and iOS 14.5. Switch to AV1 for ~30% smaller files at the same quality (slower encode, supported in Chrome 70+, Firefox 67+, and Safari 17+) or VP8 for the broadest legacy WebM playback (older Android, embedded HTML5 players from the early 2010s). Audio Codec defaults to Opus — the WebM-native audio codec; switch to Vorbis if a downstream tool only accepts the original WebM 1.0 audio.
3. Set Image Duration, Resolution, and Background (Optional): Pick how long each image displays — from 1/60 second (60 fps timelapse) through 1/30, 1/24, 1/10, 1/5, 1/3, 1/2 second, or 1-10 seconds per slide for a calm photo show. Choose a resolution preset (240P, 360P, 480P, 720P, 1080P, 1440P, 2160P, up to 4320P) or a social-ready size (1080×1920 vertical, 1080×1080 square, 1920×1080 landscape). Set a background color (black, white, or any of 24 named colors including coral, crimson, navy, teal) for letterboxing when sources don't match the output aspect. Use Image Drop Frames (every 2nd through every 10th) to thin a long sequence, or Video Trim to cut start time and duration.
4. Convert and Download: Click Convert. Files process on our servers and download as a single WebM — no sign-up, no watermark, no cap on the number of input images. For device-and-social-friendly output, see Image to MP4 instead.

Why Convert Images to WebM?

WebM is the open, royalty-free video container Google built for the HTML5 <video> tag. It's the right output any time the destination is the open web — a marketing site hero loop, a blog post embed, a Wikipedia article, an HTML5 game asset, a Matrix or Discord inline preview, or a banner ad on a network that prefers VP9/AV1. Wrapping still images into WebM turns a photo set into a streamable video file browsers play without a plugin and without licensing fees flowing to MPEG-LA.

• HTML5 <video> tag embeds with no licensing concerns — WebM (VP8/VP9/AV1 + Opus/Vorbis) is fully royalty-free, unlike H.264 / H.265 in MP4. Open-source projects, government sites, Wikipedia / Wikimedia Commons, and Mozilla all standardize on WebM for that reason. A 1080P slideshow encoded as WebM drops into <video src="...webm"> on any page with no plugin and no patent footnote.
• Smaller files than MP4 at the same quality — VP9 is roughly on par with H.265 for compression efficiency, and AV1 beats both. A 60-second 1080P slideshow that's 12 MB as H.264 MP4 typically lands around 6-8 MB as VP9 WebM and 4-5 MB as AV1 WebM. That matters for hero-loop autoplay where Lighthouse penalizes large media payloads.
• Wikimedia Commons and open-archive uploads — Wikimedia Commons accepts WebM (VP8/VP9 + Vorbis/Opus) but rejects MP4 because of patent licensing. Educators and editors building photo-history compilations for Wikipedia articles need a WebM render of their image set, not an MP4.
• Discord, Matrix, and Slack inline previews — Discord previews WebM and MP4 inline up to 10 MB on free accounts (lowered from 25 MB in September 2024; 50 MB on Nitro Basic, 500 MB on Nitro). A short photo loop encoded as VP9 WebM hits that ceiling at much higher quality than the equivalent MP4. Matrix clients (Element) and modern Slack threads behave the same way.
• HTML5 game and web-app assets — Phaser, PixiJS, Three.js, and most browser-game frameworks load WebM cutscenes and looping backgrounds with <video> directly. Image-sequence intros from a numbered PNG export at 24 or 30 fps as WebM are a standard pipeline step.
• Animated avatars, stickers, and emoji loops — Telegram premium stickers, custom Discord emoji loops, and many fediverse instances accept WebM where they refuse GIF. Convert a 12-frame numbered PNG sequence at 1/24 second per frame to a sub-256 KB looping VP9 WebM and the upload accepts cleanly.
• Modern ad networks and CMS platforms that prefer VP9/AV1 — Google Display Network, YouTube ad ingest, and CDNs like Cloudflare Stream re-encode uploads to WebM/VP9 anyway. Submitting WebM directly skips a transcode step and keeps the codec choice in your hands.

WebM vs MP4 — Format Comparison

WebM Codec Quick Guide

Frequently Asked Questions

Should I pick VP9, AV1, or VP8 for WebM?

VP9 is the default and the right pick for almost every modern use — every desktop browser plays it, Safari has supported it since macOS Big Sur and iOS 14.5, and file sizes are roughly half of H.264 MP4 at the same visual quality. Pick AV1 when bandwidth or storage is the priority and you can afford a slower encode (it's roughly 30% smaller than VP9 again, and modern Chrome / Firefox / Safari 17+ all decode it). Stick with VP8 only if you're targeting very old Android stock browsers or an embedded HTML5 player from the early 2010s that hasn't been updated.

Why pick WebM over MP4?

You're publishing to the open web, a Wikimedia/Wikipedia article, an HTML5 game, or any platform that won't accept patent-encumbered codecs. WebM is fully royalty-free (the VP8/VP9/AV1 + Opus/Vorbis stack), and Wikimedia Commons explicitly rejects MP4 for that reason. WebM is also typically smaller than H.264 MP4 at the same quality. If your destination is a smart TV, an iPhone Photos roll, Instagram Reels, or a hardware DVD player, pick MP4 instead via Image to MP4.

Can I mix HEIC, RAW, and JPG in the same WebM?

Yes. Drop in iPhone HEIC, DSLR RAW (CR2, CR3, NEF, ARW, DNG, RAF, ORF), Android JPG, and PNG screenshots together — every input decodes into a single WebM. Each frame scales to fit the chosen output resolution while preserving its source aspect ratio; empty space is filled with the background color you pick.

How long will my WebM be if I upload N images?

Output duration = number of images × image duration. 50 photos at 4 seconds each = 200 seconds (~3 minutes 20 seconds). 1,800 timelapse frames at 1/30 second = a 60-second clip. The duration setting is per-image, applied uniformly across the batch — there's no separate timeline for variable-length slides on the upload screen.

Will the WebM autoplay in HTML5 <video>?

Browsers autoplay muted video by default and block sound until user interaction. Since image-to-WebM conversion produces a silent track (no audio source), the output autoplays cleanly with <video src="..." autoplay loop muted playsinline>. That's the standard pattern for hero loops, background ambience, and looping product shots.

Why does my WebM look soft compared to the source images?

WebM uses lossy compression by default (VP9 / AV1 / VP8), and a 24 MP DSLR photo or 48 MP iPhone shot is being downscaled to whatever resolution preset you picked — often 1080P (~2 megapixels), a ~12× reduction. For sharper output, pick a higher resolution preset (1440P, 2160P, or 4320P) and increase the Quality preset toward Highest, or set a custom CRF in the lower range (VP9 / AV1 use 0-63, lower = higher quality; 18-28 is visually very strong).

Can I add background music to the slideshow?

This converter produces silent WebM by default — the source images have no audio. The Audio Codec setting (Opus or Vorbis) controls what audio track gets written into the container for downstream compatibility, but to actually layer music in, convert here first and then merge it with a video editor (DaVinci Resolve, Shotcut, CapCut, Adobe Premiere) with an MP3 or WAV soundtrack.

Does the order of images in the WebM follow the upload order?

Yes — files appear in the WebM in the order shown on the upload screen (typically alphabetical by filename). Numbered sequences like frame_0001.png through frame_0500.png sort correctly, which is what makes this page useful for stop-motion, timelapse, and HTML5-game intro sequences. Drag to reorder before clicking Convert if you need a custom sequence.

Can I trim or thin a long sequence?

Yes — Video Trim sets a start time and duration on the output, and Image Drop Frames takes every 2nd / 3rd / 4th / up to every 10th frame from a long sequence to shorten a timelapse or interval shoot without re-shooting. To go the other direction (extract stills from a finished WebM), see WebM to JPG.