Aspect Ratio Calculator
The DCP Aspect Ratio Calculator is the perfect tool for calculating the resizing of an image or video clip.
Free aspect ratio tool for resizing videos and images
Free online Aspect Ratio Calculator for pixel perfect video and image resizing
Step 1 - To use this tool you need to first enter the "Source Width" and "Source Height".
Step 2 - Next you can enter the "Resize Percentage" value.
Step 3 - Now select the blue "Calculate" button.
You should see the correct size calculated in the "Output Width" and "Output Height" fields.
Step 1 - To use this tool you need to first enter the "Source Width" and "Source Height".
Step 2 - Next enter a specific width into the "Output Width" field.
Step 3 - Now select the blue "Calculate" button.
You should see the correct size calculated in the "Output Height" field.
Step 1 - To use this tool you need to first enter the "Source Width" and "Source Height".
Step 2 - Next enter a specific height into the "Output Height" field.
Step 3 - Now select the blue "Calculate" button.
You should see the correct size calculated in the "Output Width" field.
Aspect ratio is used to describes the ratio between the width and height of an image or video clip. A 1:1 aspect ratio, for example, would be a square.
Having an understanding of accept ratios will help when you need to resize an image or video clip to fit a specified dimension. Using this free tool will help you to preserve the aspect ratio for both video content and images.;
In most cases, aspect ratios are calculated by the width and height using pixels.
For example, you probably have a TV and heard of 1080p, this is a common HD resolution that has a width of 1920 x 1080 pixels with an aspect ratio of 16:9.
In most cases, when you are editing content for a website, you are more concerned with the width of the image and this is the main constraint factor.
At DCP we use the aspect ratio tool above to calculate the height of images we add to our blog post content.
All images added to our blog post content must be a maximum of 750 pixels wide. So when I download an image from unsplash.com I need to quickly and accurately calculate the correct height for the image.
Below you can see an example image from unsplash.com
The original downloaded image from unsplash.com was 4240 x 2832 pixels.
I know that on my blog I want the image to be a maximum width of 750 pixels.
I can simply enter the following data into the aspect ratio calculator tool above:
Next, I will click the blue "Calculate" button.
The calculator will return the correct height value: 501 pixels
Note it would make sense to round the height to 500 pixels and crop 1 pixels from the top or bottom of the image.
The image that you see above has a height of 334 pixels. We can use the aspect ratio calculator tool to calculate the correct width:
The calculator will return the correct width value: 500pixels.
In the above example, we are using an image but the same logic can be applied to a video clip.
For example, we could download a video clip from pixabay.com
The original downloaded video from pixabay.com was 1920 x 1080 pixels (HD Resolution).
If we wanted to convert the video into a lower resolution, then we can use the aspect ratio calculator tool above.
For example, if I wanted to reduce the width of the video clip to 640 I would enter the following data into the calculator to calculate the correct height.
The calculator will return the correct height value: 360 pixels.
When adding video content to your website it is important to compress the video content, this will ensure your website page will load faster. Compressing video content will lose image quality but a website page will normally not requires a full HD resolution video clip.
In the above example, the original file downloaded from Pixabay was 6.4Mb at 1920 x 1080 pixel resolution.
After compression is applied the video clip is reduced to 641kb (less than 1Mb) at 640 x 360 pixel resolution.
Note: If you are planning to upload video content to your social media accounts like Facebook or YouTube then it is better to upload full HD resolution and then embed the video into your website pages. At DCP we upload video content to our YouTube channel and then incorporate (embed) video content into our blog posts.
There are many different types of devices that can be used to display video content. It is important to understand your target devices so when you export video content it will display correctly. It makes sense that device manufacturers work to a set of comment video resolution standards. Listed below are some of the common Aspect Ratios and Video Resolutions.
Aspect Ratio | Resolution |
5:4 | 1280x1024 |
4:3 | 1024x768, 1600x1200 |
3:2 | 2160x1440, 2560x1700 |
16:10 | 1280x800, 1920x1200 |
16:9 (HD) | 1366x768, 1920x1080, 1280x720 |
17:9 | 4096×2160 |
1.9:1 (4K) | 3840x2160 |
32:9 | 3840x1080, 5120x1440 |
1:1 | 1920x1920 |
4:1 | 17280x4320 |
The most common resolutions for TVs, Laptops, Tablets, and computer monitors are:
When creating video content for social media like Instagram it is important to understand how a user interacts with the Instagram APP.
The Instagram APP is normally viewed in portrait view so when creating content for Instagram we need to change the dimensions to portrait: 1080 x 1920.
As you are aware, there are many different social media platforms that require different video resolutions. To give you a "helping hand" we have listed below links to video documentation for the most common social media platform which allows you to upload video content:
Just like videos, images that are uploaded to your website or social media accounts also require a specific aspect ratio and image resolution.
For example, YouTube thumbnails are uploaded at 16:9 720p resolution (1280 x 720).
Instagram images are uploaded at 1:1 resolution 1080 x 1080.
The size of the image uploaded will depend on where the content will be displayed on different social media platforms.
To give you a "helping hand" we have listed below links to image documentation for the most common social media platform:
Pin Type | Resolution | Aspect Ratio |
Pinterest Standard Pin | 1000 x 1500px | 2:3 |
Pinterest Square Pin | 1000 x 1000 px | 1:1 |
Pinterest Long Pin | 1000 x 2100 px | 1:2.1 |
Pinterest Infographic Pin | 1000 x 3000 px | 1:2.1 |
Pinterest Carousel Pin | 1000 x 1500px | 2:3 |
Pinterest Collection Pin - Hero | 1000 x 1500px | 2:3 |
Pinterest Collection Pin - Square | 1000 x 1000 px | 1:1 |
Pinterest Story Pin | 1080 x 1920 px | 9:16 |
Pinterest Profile Picture | 160 x 160 px | 1:1 |