Putting Images in Web Pages

Introduction - The Problem

huge image rendered tiny (bad bad BAD!)

  • Images embedded in web pages with <img src="..."> tag, e.g.

    <img src="ireland_20050205.jpg" width="192" height="144">

  • What's wrong with this? Image is MUCH BIGGER (1920 x 1440 pixels, 1.5 megabytes) in reality (right click, view image to see).

  • What happens then? Huge image is sent over the wire! Poor modem users!

  • Image resizing ends up being done by the browser (often badly).

  • Should be done by the web page Author beforehand!

Putting Images in Web Pages
Pat Murphy and Carolyn White