Web Video Dimensions / Frame Sizes

 

Ideal Web Video Dimensions for the DivX Plus Web Player


by Jeet Dhindsa

 

One of the most important settings of every web video is its width and height.  The width and height of web videos are generally measured in pixels and are together know as the "dimensions" of the video. In other words, if a video is 512 pixels wide and 288 pixels in height, then its dimensions are 512 x 288 pixels. A general rule of thumb in encoding is to use multiples of 16 for the width and height to achieve optimal video quality. Multiples of 8 are the minimum for encoding a DivX Plus video file (.mkv with H.264/AAC), so we advise using multiples of 8 or 16 to encode and embed videos for the DivX Plus Web Player.

 

NOTE: For consistent scaling and optimal playback it is recommended to use the same multiples for the native encoding dimensions and the actual web player embed dimensions on your webpage. For example, if you encode your DivX file to use a frame dimension of 512 x 288 (Multiple of 16), then you should scale to a multiple of 16 such as 768 x 432.

 

Below are tables of common video dimensions for web video. These will help you size your DivX Plus Web Player just right for your web video needs. Dimensions are organized in multiples of 16, 8, and 4.

 

Input the following video dimensions into the DivX Plus Web Player Code Generator.

 

DivX Plus Web Player Code Generator Values

 

16:9 Wide Aspect Ratio

 

Best (16)

Better (8)

Good (4)

1280 x 720

1152 x 648

1216 x 684

1024 x 576

896 x 504

1088 x 612

768 x 432

640 x 360

960 x 540

512 x 288

384 x 216

832 x 468

 

 

704 x 396

 

 

576 x 324

 

 

448 x 252

 

 

320 x 180

           

4:3 Standard Aspect Ratio

 

Best (16)

Better (8)

Good (4)

640 x 480

608 x 456

624 x 468

576 x 432

544 x 408

592 x 444

512 x 384

480 x 360

560 x 420

448 x 336

416 x 312

528 x 396

384 x 288

352 x 264

496 x 372

320 x 240

288 x 216

464 x 348

 

 

432 x 324

 

 

400 x 300

 

 

368 x 276

 

 

336 x 252

 

 

304 x 228

 

 

272 x 204

 

Not using the code generator? Just add 20 to the height

             

The DivX Plus Web Player Code Generator adds 20 pixels to the height of the embed code. This is to adjust the dimensions for the 20 pixel high control bar at the bottom of the player, so you don't have black bars on both sides of the video. If you are using your own HTML & JavaScript code simply add 20 to the height for the values above. The new height values become:

 

16:9 Wide Aspect Ratio

 

Best (16)

Better (8)

Good (4)

1280 x 740

1152 x 668

1216 x 704

1024 x 596

896 x 524

1088 x 632

768 x 452

640 x 380

960 x 560

512 x 308

384 x 236

832 x 488

 

 

704 x 416

 

 

576 x 344

 

 

448 x 272

 

 

320 x 200

 

4:3 Standard Aspect Ratio

 

Best (16)

Better (8)

Good (4)

640 x 500

608 x 476

624 x 488

576 x 452

544 x 428

592 x 464

512 x 404

480 x 380

560 x 440

448 x 356

416 x 332

528 x 416

384 x 308

352 x 284

496 x 392

320 x 260

288 x 236

464 x 368

 

 

432 x 344

 

 

400 x 320

 

 

368 x 296

 

 

336 x 272

 

 

304 x 248

 

 

272 x 224


Example Video Dimensions


16:9 Wide Aspect Ratio



4:3 Standard Aspect Ratio