Image/Aspect Ratio (width/heigth)

Data System Architecture


The Aspect Ratio is the ratio between the width and the height of an image (and therefore of video)

For a good responsive design (ie auto-scaling), aspect ratios (like 4:3, 3:2, 16:9 etc.) must be used rather than specifying a fixed width and height.

Well Knwon Ratio


A 16:9 aspect ratio means:

  • 16 inches width
  • 9 inches height

16:9 ratio images are more than 75% wider than section43 ratio images.

16:9 is usually done for wide angle.

The 16:9 ratios is best suited:

  • for taking photos that have higher width. Mostly
  • to take videos
  • to capture a wide picture more details of the scene.

This ratio is perfect for:

  • group photographs where number of objects is larger.
  • landscape
  • sort of panoramic

Since 2009, it has become the most common aspect ratio for televisions and computer monitors and is also the international standard format of digital television HDTV Full HD and SD TV


A 4:3 ratio is:

  • 4 inches width
  • 3 inches height

This ratio is most popular and default set in smartphones.

This ratio is perfect for:

  • portrait.
  • or a product

This ratio is bes suited when you want to take a picture of a single or lesser number of objects and want the focus to be on them.


This ratio can be used for clicking photos for whatsapp profile picture.

It gives you a square shaped photo outline.

Camera Sensor

Every image taken has an original ratio that is the camera sensor ratio that's generally but not always 4:3.


Aspect ratio calculation in scss:

$aspect-ratios: (
  "1x1": 100%,
  "4x3": calc(3 / 4 * 100%),
  "16x9": calc(9 / 16 * 100%),
  "21x9": calc(9 / 21 * 100%)
) !default;

Discover More
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective
HTML - Image (Img tag)

img is an fetch element that represents an image. An image in HTML can also be represented with a picture element that defines logically the same image but may have different physical image (different...
Card Puncher Data Processing
How to get video/image information with ffmpeg ?

To get information your video with ffmpeg, you would use the ffrpobe utility (installed with ffmpeg) Example of output where you can see the aspect ratio of 1920×1080
Card Puncher Data Processing
How to resize images in a directory with ffmpeg ?

This article shows you how to scale image in a dirctory with ffmpeg and conserve the aspect ratio. Because ffmpeg is a video management tool, it can also modify a frame, in other word, an image. ...
Card Puncher Data Processing
How to resize your video at the command line with ffmpeg

In this how-to, we show you how to resize video with the ffmpeg command line utility and the scale filter ffmpeg permits to set the dimension of a video to -1 in order to preserve aspect ratio ...
Data System Architecture
The width of an image

The width of an image is its horizontal length and is part of the ratio
Area Graph Sunspot 1700 2003
Viz - Graph Aspect Ratio

The aspect ratio of a graph between the height and width of the axis. rate of change0963488414The Elements of Graphing Data (1994) Viewers can best understand changes in the slope of the line when...
Card Puncher Data Processing
What is ffmpeg ?

What is ffmpeg ? ffmpeg is a command line to record, convert and stream audio and video. This is the simple tool to manipulate and convert any video. * * * * * * FFmpeg...

Share this page:
Follow us:
Task Runner