3 Ways to Resize/Scale Web Images

Resize the browser window to see how the image scales.

Fixed Ratio Resize

Image smoothly resizes and scales with a fixed aspect ratio.

Usage: When automation is more important than artistic control, for example,
in a CMS where you don't want randomly sized user-inserted images to break layout.

Pros: Uses standard <img> tag, convenient, very good browser support (even IE7).

Cons: Images can become very disproportionate to content.

More demos and snippets

Did you find this useful? There are more demos and code snippets this way.