Math for web layout - Image resizing

915 views

Published on

Short preso on the math required to properly resize a picture for the internet.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
915
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Math for web layout - Image resizing

  1. 1. Math for web layout 1920px 1080px NewsSite.com
  2. 2. Step 1: How wide is the column? NewsSite.com ? Find it with a developer tool, like firebug. Lets say ours is 600px wide.
  3. 3. Step 2: How do we get the height? *hint: it’s algebra 1920px NewsSite.com 600px 1080px
  4. 4. long side short side short side long side = decimal < 1
  5. 5. 1920px 1080px 1080 1920 = 0.5625
  6. 6. 1920px NewsSite.co ? 1080px 1080 1920 = 0.5625 X 600px = 337.5
  7. 7. 1920px NewsSite.com 600px 337px 1080px

×