4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Keeping image ratio's

by foiodisar
3 replies
Does anyone know the calculation to use for keeping image sizes?

Let's say I wanted to give an image a width of 300pixels, but keep the proportionate height.

I've looked at sample scripts but they all go into way too much detail, and I can't really be bothered sifting through all of the code just to see where the calculation comes in!
#image #keeping #ratio
  • Profile picture of the author unnatural
    It's actually pretty simple.

    Take your desired width (300 pixels) and divide by the current width (eg. 900 pixels).

    Then take that result and multiply it by your height to achieve the same ratio.

    So for example:

    You have an image 600 (width) X 780 (height) and you want the new image to have a with of 300.

    So..

    300 / 600 = 0.5
    0.5 * 780 = 390 (new height)

    Hope that helps!
    {{ DiscussionBoard.errors[4544788].message }}
    • Profile picture of the author sylarrr
      Originally Posted by unnatural View Post

      It's actually pretty simple.

      Take your desired width (300 pixels) and divide by the current width (eg. 900 pixels).

      Then take that result and multiply it by your height to achieve the same ratio.

      So for example:

      You have an image 600 (width) X 780 (height) and you want the new image to have a with of 300.

      So..

      300 / 600 = 0.5
      0.5 * 780 = 390 (new height)

      Hope that helps!
      Thats correct. But why do you need it?
      Signature
      Use Androidâ„¢ smartphone?

      Read Warrior Forums?

      Warrior Forum Reader for Androidâ„¢ FREE
      {{ DiscussionBoard.errors[4549222].message }}
  • Profile picture of the author TigerNone
    In HTML, if you just specify the width in the image tag, it will scale it proportionally. For example: <img src="image.png" width="300" />
    {{ DiscussionBoard.errors[4557703].message }}

Trending Topics