Math for web layout - Image resizing
Upcoming SlideShare
Loading in...5
×
 

Math for web layout - Image resizing

on

  • 611 views

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

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

Statistics

Views

Total Views
611
Views on SlideShare
589
Embed Views
22

Actions

Likes
1
Downloads
2
Comments
0

1 Embed 22

http://comm217.stanford.edu 22

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Math for web layout - Image resizing Math for web layout - Image resizing Presentation Transcript

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