Get aspect ratio from width and height of image (PHP or JS)

Question

I can't believe I can't find the formula for this. I am using a PHP script called SLIR to resize images. The script asks to specify an aspect ratio for cropping. I'd like to get the aspect ratio based on the width and height of the image being specified in a form I'm letting users enter these values in. For example, if a user enters a 1024x768 image, I would get an aspect ratio of 4:3. For the life of me, I can't find an example of the formula in PHP or Javascript I can use to get the aspect ratio values based on knowing the w,h and plug the aspect ratio into a variable.

Carmelocarmen

not sure if I understand right, but maybe you are looking for 1024/768 (width/height)? – Submerged

Answer 1

There is no need for you to do any kind of calculation.

Just because it says aspect ratio doesn't mean it has to be one of a limited set of commonly used ratios. It can be any pair of numbers separated by a colon.

Quoting from the SLIR usage guide:

For example, if you want your image to be exactly 150 pixels wide by 100 pixels high, you could do this:

<img src="/slir/w150-h100-c150:100/path/to/image.jpg" alt="Don't forget your alt text" /> 

Or, more concisely:

<img src="/slir/w150-h100-c15:10/path/to/image.jpg" alt="Don't forget your alt text" />

Note that they didn't bother to reduce that even further to c3:2.

So, simply use the values as entered by the user: 1024:768.

If you want to be concise, calculate the greatest common divisor of the width and height and divide both of them by that. That would reduce your 1024:768 down to 4:3.

Key

Answer 2

If you can get one of: height, width then you can calculate the missing width height:

original width * new height / original height = new width;

original height * new width / original width = new height;

Or if you just want a ratio:

original width / original height = ratio

Bowdlerize

Answer 3

to get the aspect ratio just simplify the width and height like a fraction for example:

1024      4
----  =  ---
768       3

the php code:

function gcd($a, $b)
{
    if ($a == 0 || $b == 0)
        return abs( max(abs($a), abs($b)) );

    $r = $a % $b;
    return ($r != 0) ?
        gcd($b, $r) :
        abs($b);
}

  $gcd=gcd(1024,768);

  echo "Aspect ratio = ". (1024/$gcd) . ":" . (768/$gcd);

Proctor

Answer 4

Here's a much simpler alternative for greatest common divisor integer ratios:

function ratio( $x, $y ){
    $gcd = gmp_strval(gmp_gcd($x, $y));
    return ($x/$gcd).':'.($y/$gcd);
}

The request echo ratio(25,5); returns 5:1.

If your server wasn't compiled with GMP functions ...

function gcd( $a, $b ){
    return ($a % $b) ? gcd($b,$a % $b) : $b;
}
function ratio( $x, $y ){
    $gcd = gcd($x, $y);
    return ($x/$gcd).':'.($y/$gcd);
}

Evaevacuant

Why would I be getting 331:220 when the image size is 662x440, was expecting 6:4 – Perspiratory

This function is all about reducing a ratio to its lowest common denominator. For example, 6:4 = 660x440 ... not 662:440, whose lowest exact ratio = 331:220. Does that make sense? – Evaevacuant

Answer 5

If you don't have the GMP math extension installed. Here is a dependancy free solution I use:

function aspect_ratio($width, $height) {

  $ratio = [$width, $height];

  for ($x = $ratio[1]; $x > 1; $x--) {
    if (($ratio[0] % $x) == 0 && ($ratio[1] % $x) == 0) {
      $ratio = [$ratio[0] / $x, $ratio[1] / $x];
    }
  }

  return implode(':', $ratio);
}

It can be used like this:

echo aspect_ratio(1920, 1080); // Outputs 16:9
echo aspect_ratio(1024, 768); // Outputs 4:3
echo aspect_ratio(200, 300); // Outputs 2:3

Source: https://forums.digitalpoint.com/threads/how-i-will-get-ratio-of-2-number-in-php.937696/

Blumenthal

Answer 6

Here's a much simpler alternative for get aspect ratios without gmp extension:

<?php

function getAspectRatio(int $width, int $height)
{
    // search for greatest common divisor
    $greatestCommonDivisor = static function($width, $height) use (&$greatestCommonDivisor) {
        return ($width % $height) ? $greatestCommonDivisor($height, $width % $height) : $height;
    };

    $divisor = $greatestCommonDivisor($width, $height);

    return $width / $divisor . ':' . $height / $divisor;
}

echo getAspectRatio(1280, 1024);
echo PHP_EOL;
echo getAspectRatio(1275, 715);

Source from: https://gist.github.com/wazum/5710d9ef064caac7b909a9e69867f53b

Quinquagesima