How to Create a WebM Video from Images

raccoon-mascot

Have you ever wondered how to create large resolution WebM videos from your own static images? There are some easy solutions for short time-frame videos (up to 15 seconds) and smaller video resolutions (up to 852×600 pixels).

If you are able to limit yourself to these parameters, simply create an animated GIF and use gfycat.com to convert it to a WebM video.

However, for longer and larger videos, you will have to make it all work manually. Let me show you how.

Prepare the Images

First, you need to make multiple copies of each image you wish to use in your WebM video.

For example, if you have an image file called img.png, you need to create 25 copies of this file, so that your WebM video has 25 frames per second.

You can do this manually, but in case you have lots of images, the time it takes to create hundreds or even thousands of copies will quickly add up.

That’s why I created a small batch file called MultiCopy that makes it easier to create multiple copies of the same file. You can download it here.

After downloading the mcopy.zip file, you need to unzip it using a software tool like 7-zip or an online tool like WobZip.

Then run the mcopy.bat batch file from the same folder where your image files are located. MultiCopy will ask you for the name and the extension of the file you wish to copy. Then it will ask for the starting and ending numbers of your file’s copies.

So in the case of a file called img.png, with the starting and ending numbers being 1 and 25, MultiCopy will create a new folder called dir-img and within it 25 files called img00001.png to img00025.png.

Repeat the same process for all the images you wish to include in your WebM video.

For the sake of simplicity, rename each of your input image files before making multiple copies of them using the same file name, for example img.png. The copies of the first input file will be numbered img00001.png to img00025.png, as per above. But when creating copies of the second input file, you will select the numbers 26 to 50. With the third input file, you will choose 51 to 75, and so on.

This way all your copies will share a uniform file name and will be differentiated only by their numbers.

Stitch Them All Together

To create a WebM video from all the separate image files you created, you need to download the free and open-source FFmpeg software package.

download-ffmpeg

Download FFmpeg

When downloaded, use 7-zip or a similar software tool to uncompress the packaged files.

You will need the executable file called ffmpeg.exe located in the ffmpeg/bin/ subfolder. Copy this file to the folder where all the multiple copies of your image files are located.

Then launch Command Prompt via Start > All Programs > Accessories. In the Command Prompt window, type and enter the following command:

Important Note

In case you created your image file names differently than the above description, you have to feed FFmpeg the correct uniform file names.

Creating the WebM output file will take a while, depending on how many image files are being fed into FFmpeg.

You can watch one of my WebM videos created using the described method in this post.

Liked this post?

Subscribe to our newsletter to receive early notification of new posts and deals:

Next Post »« Previous Post

Leave a Reply

Your email address will not be published. Required fields are marked *