PHP script to calculate image width and height ratio

imagePHPresize

I am trying to either find a way to calculate the width and height ratio of an image so if I resize the image, it will proportionally resize correctly. Is there such a script?

For example an image is 500×750 and the container that holds the image is maximum 350 width…So I need the script to calculate what the height should be in proportion to the 350 width.

Thanks.

Best Answer

Use Javascript.

See this tutorial: http://www.ajaxblender.com/howto-resize-image-proportionally-using-javascript.html

Using the function the other guy posted:

<?PHP

$imagePath = "images/your_image.png";

list($oldWidth, $height, $type, $attr) = getimagesize($image_path); 

$percentChange = $newWidth / $oldWidth;
$newHeight = round( ( $percentChange *$height ) );

echo '<img src="'.$imagePath.'" height="'.$new_height.'" width="'.$newWidth.'">';

?>

Related Solutions

Html – CSS Display an Image Resized and Cropped

You could use a combination of both methods eg.

    .crop {
        width: 200px;
        height: 150px;
        overflow: hidden;
    }

    .crop img {
        width: 400px;
        height: 300px;
        margin: -75px 0 0 -100px;
    }

    <div class="crop">
        <img src="https://i.stack.imgur.com/wPh0S.jpg" alt="Donald Duck">
    </div>

You can use negative margin to move the image around within the <div/>.

Javascript – How to get image size (height & width) using JavaScript

You can programmatically get the image and check the dimensions using Javascript...

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

This can be useful if the image is not a part of the markup.

Best Answer

Related Solutions

Html – CSS Display an Image Resized and Cropped

Javascript – How to get image size (height & width) using JavaScript

Related Topic