• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Math for web layout - Image resizing
 

Math for web layout - Image resizing

on

  • 517 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
517
Views on SlideShare
496
Embed Views
21

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 21

http://comm217.stanford.edu 21

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